:root{ --main: #2775b6; /*--pro_cate1: #0d6090;*/ --pro_cate1: #2775B6; --pro_cate2: #5b9dab; --pro_new: #c81616; } @font-face{ font-family:"MR"; src: url("./Manrope-Regular.ttf") format("opentype"); } @font-face{ font-family:"MB"; src: url("./Manrope-Bold.ttf") format("opentype"); } @font-face{ font-family:"MEB"; src: url("./Manrope-ExtraBold.ttf") format("opentype"); } @font-face{ font-family:"MM"; src: url("./Manrope-Medium.ttf") format("opentype"); } @-webkit-keyframes warn_map{ 0%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);} 50%{opacity:1;} to{opacity:0;-webkit-transform:scale(2);transform:scale(2);} } @keyframes warn_map{ 0%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);} 50%{opacity:1} to{opacity:0;-webkit-transform:scale(2);transform:scale(2);} } /*body{zoom: 0.8;}*/ .text-line6{-webkit-line-clamp: 6;} @media screen and (max-width:1280px) { body{zoom: 0.8;} /*body{transform: scale(.8);}*/ .cw1400{width: 82%;} } @media screen and (max-width:750px) { body{zoom: 1;} .cw1400{width: 92%;} } /* 分页 */ #turn_page{margin-top: 60px;} #turn_page .paging[type="default"] .paging_btn{margin:0 5px; font-size:16px;border:none; min-width:36px; height:36px; border-radius:100%;color:#333;} /*#turn_page .paging > .paging_btn{background: transparent;}*/ #turn_page .paging > .paging_btn:nth-child(1){margin-right: 25px;} #turn_page .paging > .paging_btn:last-child{margin-left: 25px;} #turn_page .paging > .paging_btn:nth-child(1), #turn_page .paging > .paging_btn:last-child{background: #f5f7f9;} #turn_page .paging[type="default"] .paging_number .paging_btn{padding:0;border: 0;} #turn_page .paging[type="default"] .paging_btn:hover, #turn_page .paging[type="default"] .paging_btn.cur{color: var(--main);background: transparent;} #turn_page .paging[type="default"] > .paging_btn:hover{background: #f5f7f9;} #turn_page .paging[type="default"] .paging_btn:hover .i1{display:none;} #turn_page .paging[type="default"] .paging_btn:hover .i2{display:block;} #turn_page .count{font-size: 16px;color: #888;margin-top: 15px;} @media screen and (max-width:750px) { #turn_page .paging[type="default"] .paging_btn{font-size:26px;width: 50px;height: 50px;} #turn_page .paging[type="default"] .paging_btn img{width: 25%;} #turn_page .count{font-size: 26px;} } /*全站搜索*/ #search{width:100%; padding-bottom:40px;padding-top: 40px;} #search .form{margin-bottom:45px;margin-top: 30px;} #search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #dddddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;} #search .form .submit{height: 49px;width: 59px;border:1px solid var(--main);border-top-right-radius: 5px;border-bottom-right-radius:5px;background: url(/images/search1.png) no-repeat center center var(--main);color: #fff;font-size: 16px;cursor: pointer;background-size: 22px;} #search .list{width:100%; margin-bottom:50px;} #search .list .info .cate{padding-left:15px;} #search .list .new .cate{} #search .list .know .cate{} #search .list .info li{padding:20px 0; border-bottom:1px solid #dddddd;} #search .list .info li:first-child{border-top:1px solid #dddddd;} #search .list .info .title{margin-right:16px; line-height:22px; color: var(--main); font-size:16px; font-weight:700;} #search .list .info .day, #search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;} #search .list .info .day{margin:0;} #search .list .info .desc{/*height:60px;*/ overflow:hidden; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;} #search .txt{font-size: 16px;margin: 45px 0;} @media (max-width: 750px){ #search .form .text{width: 400px;height: 60px;line-height: 60px;font-size: 30px;} #search .form .submit{width: 60px;height: 60px;font-size: 26px;background-size: 26px;} #search .list .info li{padding: 35px 0;} #search .list .info .title{font-size: 36px;line-height: 1.6;} #search .list .info .day, #search .list .info .cate{font-size: 28px;line-height: 1.6;} #search .list .info .desc{font-size: 30px;line-height: 1.6;/*height: 144px;*/} #search .txt{font-size: 30px;} } /* header */ /*#top_head{position: fixed;top: 0;left: 0; z-index: 20; width: 100%; height: 30px; background: linear-gradient(to right, #44ccec, var(--main));} #top_head .p1{font-size: 14px; color: #fff; line-height: 30px;} #top_head .p1 span{font-size: 16px; color: #fff; line-height: 30px;} #top_head .lang{margin-left: 60px;} #top_head .lang .p2{margin-left: 10px; font-size: 16px; color: #fff; line-height: 30px;}*/ .header_blank{height: 100px;} #header {position: fixed;/*top: 30px;*/top: 0;left: 0; z-index: 20; width: 100%; height: 100px; background: #fff; box-shadow: 0 0 20px rgba(39,117,182,0.15);border-bottom: 1px solid #eee;} #header .left{width: 13%;} #header .left .logo{width: 100%;} #header .point {width: 53.57%;position: relative;} #header .point .dd .li{padding: 0 10px; font-size: 16px; color: #333;line-height: 100px;transition: all .5s;} #header .point .dd .li .jt { margin-left: 10px;} #header .point .dd .li .jt .i1{display: inline-block;} #header .point .dd .li .jt .i2{display: none;} #header .point .dd.on .li, #header .point .dd:hover .li{color: var(--main);} #header .point .dd:hover .li .jt{transform: rotate(180deg);} #header .point .dd:hover .li .jt .i1{display: none;} #header .point .dd:hover .li .jt .i2{display: inline-block; } /*#header .point .dd .menu {width: 100%; height: 0; background: #fff; left: 0; top: 100px; overflow: hidden;} #header .point .dd .menu .two{padding: 15px 0;} #header .point .dd .menu .two .mm {display: block; font-size: 16px; color: #737373; line-height: 45px; text-align: center;} #header .point .dd .menu .two .mm:hover {color: var(--main);} */ /*#header .point .dd:hover .two-nav{height: 450px;}*/ #header .point .dd:hover .two-nav{height: 380px;} /*#header .point .dd .two-nav{width: 100%;height: 0;background: #fff;left: 0;top: 100px;display: flex;justify-content: center;box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, .05);align-items: flex-start;overflow: hidden;}*/ #header .point .dd .two-nav{width: 50%;height: 0;background: #fff;left: 50%;top: 100px;display: flex;justify-content: center;box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, .05);align-items: flex-start;overflow: hidden;transform: translateX(-50%);} /*#header .point .dd .two-nav .content{width: 51.042%;margin-top: 50px;}*/ #header .point .dd .two-nav .content{width: 92%;margin-top: 50px;} #header .point .dd .two-nav .content .two-a{width: 29.286%;padding-right: 20px;padding-left: 50px;} #header .point .dd .two-nav .content .two-a a{font-size: 16px;color: #333;line-height: 1.4;margin-bottom: 25px;} #header .point .dd .two-nav .content .two-a a:hover{color: var(--main);font-weight: 700;} #header .point .dd .two-nav .content .right{width: 71.428%;} #header .point .dd .two-nav .content .right .pic{} /*#header .products {width: 6.785%;}*/ #header .products .txt{margin-left: 10px; font-size: 16px; color: var(--main); font-weight: 500;} /* 搜索 */ /*#header .head .icon{width: 20%; } #header .head .icon .sear{width: 100%;} #header .head .icon .sear .pc-search{padding: 0 20px; width: 100%; height: 40px; background: #f2f2f2;} #header .head .icon .sear .pc-search .input{width: calc(100% - 50px); height: 100%;} #header .head .icon .sear .pc-search .input input{width: 100%; height: 100%; font-size: 16px;color: #333;line-height: 40px;} #header .head .icon .sear .pc-search .submit{width: 21px;height: 100%;background: url(/images/index-pic4.png) no-repeat center;} #header .head .icon .sear .mb-search{width: 100%; display: none;} */ #header .head .icon{width: 11.428%;} #header .head .icon .search{width: 21px;height: 20px;background: url(/images/search-icon.png) no-repeat center;} #header .head .icon .line{width: 1px;height: 20px;background: #ccc;margin: 0 26px;} #header .head .icon .lang{padding-left: 30px;font-size: 16px;color: #333;background: url(/images/lang-icon.png) no-repeat left;} /* 移动端按钮 */ #header .mb-btn, #m-header, #m-nav, #search-box, .m-header-blank{display: none;} @media (max-width: 1536px) { /*#header .point{width: 50%;}*/ #header .head .icon .line{margin: 0 15px;} #header .head .icon{width: 14%;} #header .products{width: 10%;} } @media (max-width: 1440px) { /*#header .products{width: 7.78%;}*/ #header .point .dd .li{padding: 0;} #header .products .txt{margin-left: 10px;} } @media (max-width: 1366px) { #header{height: 70px;} #header .point .dd .li{line-height: 70px;} #header .point .dd .two-nav{top: 70px;} } @media (max-width: 1280px) { /*#header .products{width: 8.78%;}*/ #header .point .dd .two-nav .content .two-a{padding-left: 30px;} #header .point .dd .li, #header .products .txt{font-size: 14px;} #header .head .icon .lang{font-size: 14px;background-size: 14px;} #header .ico{width: 18px;} #header .head .icon .search{background-size: 16px;} } @media (max-width: 1024px) { #header{top: 0;} #header .point, #header .products, #top_head{display: none;} #header .left{width: 27.44%;} #header .right, #header .head .icon, #header .head .icon .sear {width: auto;} #header .head .icon .sear .pc-search{display: none;} #header .head .icon .sear .mb-search{display: inline-block; width: 35px; height: 35px;} #header .mb-btn{display: inline-block; width: 35px; height: 35px; zoom: 1.2; margin-left: 20px;} #header .mb-btn .i1{display: inline-block;} #header .mb-btn .i2{display: none;} #header .mb-btn.cur .i1{display: none;} #header .mb-btn.cur .i2{display: inline-block;} #header, #header .head{height: 100px;} .m-header-blank{display: block;} #m-nav{display: block;width: 100%;height: 0;z-index: 49;left: 0;right: 0;top: 100px;width: 100%;background: #fff;overflow-y: auto;} #m-nav.cur{height: calc(100vh - 100px);} #m-nav .nav{border-top: 1px solid #ebebeb;} #m-nav .nav .one-nav{line-height: 60px;} #m-nav .nav .one-nav .one{margin: 0 30px;border-bottom: 1px solid #ebebeb;} #m-nav .nav .one-nav .one .down{height: auto;width: 60px;} #m-nav .nav .one-nav .one .down svg{fill: #ccc;} #m-nav .nav .one-nav.cur .one .down{transform: rotate(180deg);} #m-nav .nav .one-nav .one-a{width: 50%; font-size: 18px;font-weight: 700;} #m-nav .nav .one-nav .two-nav{width: 100%;background: #f7f7f7;padding: 0 30px;} #m-nav .nav .one-nav .two-nav>div{border-bottom: 1px solid #dcdcdc;} #m-nav .nav .one-nav .two-nav .two-a{display: inline-block;width: 100%; height: 100%; font-size: 16px;} #m-nav .nav .one-nav.products .txt{margin-left: 20px;} #m-nav .bot-box{margin-top: 60px;} #m-nav .bot-box .item{} #m-nav .bot-box .item .icon{width: 100px;height: 100px;line-height: 98px;border: 1px solid #333;font-size: 18px;color: #333;border-radius: 100%;margin: 0 auto;} #m-nav .bot-box .item .tit{font-size: 18px;color: #333;margin-top: 10px;} #m-nav .lang-nav{padding: 20px 0;} #m-nav .lang-nav a{line-height: 40px; font-size: 18px; color: #222; font-weight: 700;} #m-nav .lang-nav a.cur{color: var(--main);} /* 搜索框 */ #search-box{border-top: 1px solid #ebebeb; display: block;width: 100%;z-index: 50;left: 0;right: 0;top: 100px;width: 100%;background: #fff;display: none;flex-direction: column;justify-content: center;} #search-box .form-box{width: 92%;margin: 60px auto;height: 70px;border: 1px solid #d1d1d1;border-radius: 52px;} #search-box .form-box .input{width: calc(100% - 100px);padding-left: 45px;} #search-box .form-box .input input{width: 100%;height: 100%;font-size: 18px;color: #333;} #search-box .form-box .submit{width: 70px;height: 100%;background: url(/images/index-pic4-2.png) no-repeat center;} } @media (max-width: 750px) { #header .left{width: 45.44%;} /* #header .head .icon .btn{width: 60px; height: 60px;} */ #header .head .icon .btn img{transform: scale(1.8);} #header .head .icon .search{width: 30px;height: 30px;background-size: 100%;} #header .head .icon .line, #header .head .icon .lang{display: none;} #header .mb-btn{margin-left: 40px; text-align: center;} #header .mb-btn img{transform: scale(1.5);} #m-nav .nav .one-nav{line-height: 100px;} #m-nav .nav .one-nav .one-a{font-size: 32px;} #m-nav .nav .one-nav .one-a .down{width: 100px; height: 100px;} #m-nav .nav .one-nav .one .down img{transform: scale(1.5);} #m-nav .nav .one-nav .two-nav .two-a{font-size: 28px;} #m-nav .nav .one-nav.products .icon{width: 35px; height: 35px;} #m-nav .nav .one-nav.products .icon img{transform: scale(1.5);} #search-box .form-box .input input{font-size: 30px;} #search-box .form-box .submit{background-size: 50%; margin-right: 15px;} } .i-banner{padding-top: 100px; height: 100%;} #i-banner, #i-banner .container, #i-banner .container .wrapper, #i-banner .container .wrapper .slide , #i-banner .container .wrapper .slide .Img, #i-banner .container .wrapper .slide .Img img {height: 100%;} #i-banner .swiper-pagination{bottom: 40px;} #i-banner .swiper-pagination .swiper-pagination-bullet{margin: 0 10px;width: 10px; height: 10px; background: #fff;} #banner .text_box{text-align: left;top: 50%;transform: translateY(-50%);position: relative;} #banner .text_box .tit1{font-size: 50px;color: #333;font-weight: 700;line-height: 1;} #banner .text_box .tit2{font-size: 20px;color: var(--main);margin-top: 13px;font-weight: 200;} @media (max-width: 1366px) { .i-banner{padding-top: 70px;} } @media (max-width: 1280px) { #banner .text_box .tit1{font-size: 30px;} #banner .text_box .tit2{font-size: 18px;} } @media (max-width: 1024px) { .i-banner{padding-top: 100px;} } @media (max-width: 750px) { #banner .text_box .tit1{font-size: 48px;} #banner .text_box .tit2{font-size: 30px;} } /*二级导航*/ #second_nav{width: 100%;height: 60px;box-shadow: -1px 5px 20px 0px rgba(121, 121, 121, 0.15);} #second_nav .box{max-width: 100%;} #second_nav .box .li{width: auto;line-height: 60px;margin: 0 35px;font-size: 16px;color: #333;transition: .3s;} #second_nav .box .li:hover{color: var(--main);} #second_nav .box .li.cur{color: var(--main);font-weight: 700;} @media (max-width: 750px){ #second_nav{height: 100px;} #second_nav .box{max-width: 86%;} #second_nav .box .li{font-size: 30px;line-height: 98px;} #second_nav .box .li:first-child{margin-left: 0;} #second_nav .box .li:last-child{margin-right: 0;} #second_nav .btn{width: 18px;height: 36px;top: 50%;transform: translateY(-50%);} #second_nav .prev{background: url(/images/btn-l1.png) no-repeat center;left: -10px;} #second_nav .next{background: url(/images/btn-r1.png) no-repeat center;right: -10px;} #second_nav .btn.swiper-button-disabled{display: none;} } /*面包屑*/ #crumbs{width: 100%;padding-top: 38px;} #crumbs .icon{margin-right: 3px;} #crumbs a{font-size: 16px;color: #888;} #crumbs span{font-size: 16px;color: #888;margin: 0 6px;} /*#crumbs a:last-child{color: #626466;}*/ #crumbs a[href]:hover{color: var(--main);} #crumbs .back{padding-right: 26px;margin-right: 8px;background: url(/images/back-icon.png) no-repeat right;color: var(--main);margin-left: 10px;} #crumbs .back:hover{opacity: .8;} @media (max-width: 750px){ #crumbs .icon{width: 22px;display: inline-block;} #crumbs .icon img{width: 100%;} #crumbs a{font-size: 30px;line-height: 1.6;} #crumbs span{font-size: 30px;} } /*全站搜索*/ #search{width:100%; padding-bottom:40px;padding-top: 40px;} #search .form{margin-bottom:45px;margin-top: 30px;} #search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #dddddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;} #search .form .submit{height: 49px;width: 59px;border:1px solid var(--main);border-top-right-radius: 5px;border-bottom-right-radius:5px;background: url(/images/search1.png) no-repeat center center var(--main);color: #fff;font-size: 16px;cursor: pointer;background-size: 22px;} #search .list{width:100%; margin-bottom:50px;} #search .list .info .cate{padding-left:15px;} #search .list .new .cate{} #search .list .know .cate{} #search .list .info li{padding:20px 0; border-bottom:1px solid #dddddd;} #search .list .info li:first-child{border-top:1px solid #dddddd;} #search .list .info .title{margin-right:16px; line-height:22px; color: var(--main); font-size:16px; font-weight:700;} #search .list .info .day, #search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;} #search .list .info .day{margin:0;} #search .list .info .desc{/*height:60px;*/ overflow:hidden; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;} #search .txt{font-size: 16px;margin: 45px 0;} @media (max-width: 750px){ #search .form .text{width: 400px;height: 60px;line-height: 60px;font-size: 30px;} #search .form .submit{width: 60px;height: 60px;font-size: 26px;background-size: 26px;} #search .list .info li{padding: 35px 0;} #search .list .info .title{font-size: 36px;line-height: 1.6;} #search .list .info .day, #search .list .info .cate{font-size: 28px;line-height: 1.6;} #search .list .info .desc{font-size: 30px;line-height: 1.6;/*height: 144px;*/} #search .txt{font-size: 30px;} } #footer .ftop{background: #f2f2f2;} #footer .ftop .fleft{width: 71.43%;padding:46px 0 0; } #footer .ftop .fleft .flogo{} #footer .ftop .fleft .flogo .logo{width: 170px;height: 54px;margin-right: 35px;} #footer .ftop .fleft .flogo .txt{width: 354px;height: 29px;} #footer .ftop .fleft .flist{margin-top: 23px;/*padding:51px 9.6% 80px 0;*/padding:51px 9.6% 50px 0;position: relative;} #footer .ftop .fleft .flist::after{content: '';position: absolute;z-index:2;left:0;top:0;width:100%;height:1px;background:#e6e6e6;} #footer .ftop .fleft .flist::before{content: '';position: absolute;z-index:2;left:-100%;top:0;width:100%;height:1px;background:#e6e6e6;} #footer .ftop .fleft .flist .fnav{padding-right: 15px;} #footer .ftop .fleft .fnav .fnav-one .one-a{font-size:18px;color:#333;font-weight:500;} #footer .ftop .fleft .fnav .fnav-two {margin-top:25px;} #footer .ftop .fleft .fnav .fnav-two .list .two-a{font-size:16px;color:#666;line-height:36px;} #footer .ftop .fleft .fnav .fnav-two .list .two-a:last-child{margin-bottom:0;} #footer .ftop .fleft .fnav .fnav-two .list .two-a:hover{color:var(--main);} #footer .ftop .fright {width: 28.57%;padding:46px 0 43px 3.57%; border-left:1px solid #e6e6e6;} #footer .ftop .fright .phoness-tit{font-size:18px;color:#333;font-weight:500;line-height: 30px;} #footer .ftop .fright .phoness{font-size:30px;color:var(--main);font-family:"MB"; line-height: 30px;margin:5px 0 28px;} #footer .ftop .fright .way .text{font-size:16px;color:#333;line-height: 26px;} #footer .ftop .fright .share{width: 140px;height: 140px;margin:0 0 45px;} #footer .fbot{width:100%;background: var(--main); padding:25px 0;} #footer .fbot .fbot-left .copyright, #footer .fbot .fbot-left .icp{font-size:16px;color: #fff;line-height:30px;} #footer .fbot .fbot-right{width:350px;height:45px;background: rgba(255,255,255,0.2);} #footer .fbot .fbot-right .select{width:100%;height:100%;background: url(/images/index-pic28.png)no-repeat calc(100% - 16px) center rgba(255,255,255,0.2);position: relative;} #footer .fbot .fbot-right .select .con{font-size:16px;color:rgba(255,255,255,0.6);padding: 0 16px;line-height: 45px;} #footer .fbot .fbot-right .select .list{position: absolute;left: 0;bottom: 45px;width: 100%;height: 0;z-index:2;overflow: hidden;} #footer .fbot .fbot-right .select .list .listwrap{padding:10px 0;background: #fff;height:180px;overflow-y: auto;} #footer .fbot .fbot-right .select .list .a{font-size:16px;color:#666;line-height: 40px;width:100%;display:inline-block;} #footer .fbot .fbot-right .select .list .li{width:100%;padding:0 40px;} #footer .fbot .fbot-right .select .list .li:hover{background:#fafafa;} #footer .fbot .fbot-right .select .list .a:hover{color:#1a1a1a;} #footer .fbot .fbot-right .select.cur {background-image: url(/images/index-pic28-2.png)} #footer .fbot .fbot-right .select.cur .list{box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);} @media (max-width: 1680px) { #footer .ftop .fright{padding: 46px 0 40px 3.57%;} } @media (max-width: 1536px) { #footer .ftop .fleft{padding-top: 10px;} #footer .ftop .fleft .flist{padding-top: 20px;padding-bottom: 20px;} #footer .ftop .fright{padding-top: 10px;padding-bottom: 10px;} #footer .ftop .fright .share{width: 120px;height: 120px;margin-bottom: 10px;} #footer .ftop .fright .phoness{margin-bottom: 18px;} /*#footer .fbot{padding: 20px 0;}*/ } @media (max-width: 1439px) { #footer .ftop .fleft .flist{padding: 40px 9.6% 50px 0;} } @media (max-width: 1440px) { #footer .ftop .fleft{padding: 30px 0 0;} #footer .ftop .fleft .flist{margin-top: 30px; padding: 40px 9.6% 0 0;} #footer .ftop .fright{padding: 30px 0 30px 3.57%;} #footer .ftop .fright .share{margin: 0 0 20px;} #footer .ftop .fright .phoness{margin: 0 0 10px;} #footer .fbot{padding: 20px 0;} } @media screen and (max-width:1280px) { #footer .ftop .fleft{padding-top: 20px;} #footer .ftop .fleft .flogo .txt{width: 300px;} #footer .ftop .fleft .flist{margin-top: 25px;padding-top: 25px;} #footer .ftop .fleft .fnav .fnav-one .one-a{font-size: 16px;} #footer .ftop .fleft .fnav .fnav-two{margin-top: 10px;} #footer .ftop .fleft .fnav .fnav-two .list .two-a{font-size: 14px;line-height: 28px;} #footer .ftop .fright .share{width: 100px;height: 100px;} #footer .ftop .fright .phoness-tit{font-size: 16px;} #footer .ftop .fright .phoness{font-size: 24px;} #footer .ftop .fright .way .text, #footer .fbot .fbot-left .copyright, #footer .fbot .fbot-left .icp, #footer .fbot .fbot-right .select .con, #footer .fbot .fbot-right .select .list .a{font-size: 14px;} } @media screen and (max-width:1024px) { #footer .ftop .ftop-cont{flex-direction:column;} #footer .ftop .fleft{width:100%;padding-bottom:0;} #footer .ftop .fleft .flist{padding-right:0; } #footer .ftop .fright{width:100%;border-left: none;padding:0 0 30px 0;} #footer .ftop .fright .share{margin-bottom:30px;} } @media screen and (max-width:970px) { #footer .ftop .fleft .flogo .logo{width: 15%; } #footer .ftop .fleft .flogo .logo img{width: 100%;} #footer .ftop .fleft .flogo .txt{width: 65%; } #footer .ftop .fleft .flogo .txt img{width: 100%;} #footer .ftop .fleft .flist{flex-direction:column;padding-top:0;margin-top:40px;} #footer .ftop .fleft .flist::before{display:none;} #footer .ftop .fleft .fnav .fnav-one{line-height:60px;border-bottom:1px solid #e6e6e6;background: url(/images/down.png) no-repeat center right;} #footer .ftop .fleft .fnav.in .fnav-one{background-image: url(/images/down-2.png);} #footer .ftop .fleft .fnav .fnav-two{height:0;overflow: hidden;margin-top:0;} #footer .ftop .fleft .fnav .fnav-two .list .two-a{line-height: 80px;padding: 0 30px;border-bottom: 1px dashed #e6e6e6;} #footer .fbot .fbot-cont{flex-direction:column;} #footer .fbot .fbot-right{margin-top:30px;} } @media screen and (max-width:750px) { #footer .ftop .fleft .flogo .logo{width: 22%;} #footer .ftop .fleft .fnav .fnav-one{line-height: 80px;} #footer .ftop .fleft .fnav .fnav-one .one-a{font-size:36px;} #footer .ftop .fleft .fnav .fnav-two .list .two-a{font-size:30px;} #footer .ftop .fright .share{margin-bottom:20px;} #footer .ftop .fright .tit{font-size:36px;line-height:1.6;} #footer .ftop .fright .phoness-tit{font-size:30px;line-height: 1.6;} #footer .ftop .fright .phoness{font-size:42px;line-height: 1.6;} #footer .ftop .fright .way .text{font-size:30px;line-height:1.6;} #footer .ftop .fright .share .s{width:80px;height:80px;line-height:80px;} #footer .ftop .fright .share .s .icon img{width:40px;} #footer .ftop .fright .share .s:nth-child(2) .icon img{width:35px;} #footer .ftop .fright .share .s .ewm{width:160px;height:160px;bottom:-180px;} #footer .fbot{padding: 40px 0;} #footer .fbot .fbot-left .copyright, #footer .fbot .fbot-left .icp{font-size:30px;line-height:1.6;text-align: center;} #footer .fbot .fbot-right{width:350px;height:60px;} #footer .fbot .fbot-right .select .con{font-size:30px;line-height:60px;padding:0 30px;} #footer .fbot .fbot-right .select .list{bottom:60px;} #footer .fbot .fbot-right .select .list .a{font-size:30px;line-height:1.8;} #footer .fbot .fbot-right .select .list .listwrap{height:240px;} #footer .fbot .fbot-right .select, #footer .fbot .fbot-right .select.cur{background-size:30px;background-position: calc(100% - 30px);} } /* 首页 */ #index_products{padding: 200px 0 0; background: #f7f7f7 url(/images/index-pic13.jpg) repeat top left;} #index_products .left{width: 14.29%;} #index_products .left .p1{margin-bottom: 35px; font-size: 36px; color: #333; line-height: 55px; font-weight: bold;} #index_products .left .list{position: relative;} #index_products .left .list:before{content:""; display: block; width: 1px; height: 513px; background: #d2cedf; position: absolute; top:0; left: 0px; z-index: 1; transition: all 0.3s;} #index_products .left .list .li{padding: 36px 0 36px 20px; position: relative;} #index_products .left .list .li:before{content:""; display: block; width: 2px; height: 100%; background: transparent; position: absolute; top:0; left: -1px; z-index: 2; transition: all 0.3s;} #index_products .left .list .li .txt{font-size: 18px; color: #333; line-height: 28px;} #index_products .left .list .li .jt .i1{display: inline-block;} #index_products .left .list .li .jt .i2{display: none;} #index_products .left .list .li:hover:before{background: var(--main);} #index_products .left .list .li:hover .txt{color: var(--main); font-weight: bold;} #index_products .left .list .li:hover .jt .i1{display: none;} #index_products .left .list .li:hover .jt .i2{display: inline-block;} #index_products .left .list .li.cur:before{background: var(--main);} #index_products .left .list .li.cur .txt{color: var(--main); font-weight: bold;} #index_products .left .list .li.cur .jt .i1{display: none;} #index_products .left .list .li.cur .jt .i2{display: inline-block;} #index_products .right{width: 80%;} #index_products .right .slide{width: 100%;} #index_products .right .li {margin-top: 20px; margin-right: 1.78%; width: 32.14%; background: #fff;padding: 25px 0 20px;} #index_products .right .li:nth-child(-n+3){margin-top: 0;} #index_products .right .li:nth-child(3n){margin-right: 0;} #index_products .right .li.pro_cate1::before{content:"";display: block;position: absolute; top: 0; right: 0; z-index: 5; width: 68px; height: 70px; background: url(/images/pro_cate_icon.png) no-repeat top right;} #index_products .right .li.pro_new::before{content:"";display: block;position: absolute; top: 0; right: 0; z-index: 5; width: 68px; height: 70px; background: url(/images/pro_new_icon.png) no-repeat top right;} #index_products .right .li .info{width: 70%;top: 25px;left: 0;right: 0;margin: auto;z-index: 2;} #index_products .right .li .info .p1{font-size: 20px; color: #333; line-height: 26px;} #index_products .right .li .info .p2{font-size: 16px; color: #666; line-height: 26px;} #index_products .right .li .pic{width: 100%;/*padding-top: 83.333%;*/padding-top: 53.333%;margin-top: 10px;} /*#index_products .right .li .pic img{margin-top: 25px;}*/ #index_products .right .li:hover .info .p1{color: var(--main);} /*#index_products .right .li .cont{width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 3;opacity: 0;z-index: 6;top: 0;right: 0;bottom: 0;left: 0;display: flex;padding: 20px;text-align: center;flex-direction: column;justify-content: center;} #index_products .right .li:hover .cont{opacity: 1;} #index_products .right .li .cont .brief{font-size: 16px; color: #fff; line-height: 1.5;height: 72px;overflow: hidden;}*/ #index_products .right .li .cont{width: 100%;/*height: 100%;*/background: #2775B6;z-index: 3;opacity: 0;z-index: 6;/*top: 0;*/right: 0;bottom: 0;left: 0;display: flex;padding: 12px 20px;text-align: center;flex-direction: column;justify-content: center;} #index_products .right .li:hover .pic{transform: translateY(-12px);} #index_products .right .li:hover .cont{opacity: 1;} #index_products .right .li .cont .brief{font-size: 16px; color: #fff; line-height: 1.5;height: 72px;overflow: hidden;} /*#index_products .right .li .cont{width: 100%;height: calc(200% + 20px);background: #fff;z-index: 3;opacity: 0;z-index: 6;bottom: 0;left: 0;display: none;padding: 55px 0;text-align: center;} #index_products .right .li:hover .cont{opacity: 1;display: block;} #index_products .right .li:nth-child(-n+3) .cont{bottom: auto;top: 0;} #index_products .right .li .cont .t1{font-size: 20px; color: var(--main); line-height: 26px;padding: 0 20px;} #index_products .right .li .cont .t2{font-size: 16px; color: #666; line-height: 26px;margin: 5px 0 25px;padding: 0 20px;} #index_products .right .li .cont .brief{font-size: 16px; color: #666; line-height: 1.5;height: 72px;overflow: hidden;padding: 0 20px;} #index_products .right .li .cont .more{font-size: 16px;color: var(--main);padding-right: 12px;background: url(/images/page-right2.png) no-repeat right;margin-top: 30px;} #index_products .right .li .cont .pic{margin-top: 50px;} #index_products .right .li .cont .pic img{margin-top: 0;} #index_products .right .li.pro_cate1 .cont::before{content:"";display: block;position: absolute; top: 0; right: 0; z-index: 5; width: 68px; height: 70px; background: url(/images/pro_cate_icon.png) no-repeat top right;} #index_products .right .li.pro_new .cont::before{content:"";display: block;position: absolute; top: 0; right: 0; z-index: 5; width: 68px; height: 70px; background: url(/images/pro_new_icon.png) no-repeat top right;} #index_products .right .li:nth-child(-n+3) .cont{padding-top: 0;} #index_products .right .li:nth-child(-n+3) .cont .pic{margin-top: 0;}*/ /*#index_products .right .page-el{margin-top: 15px;text-align: center;} #index_products .right .page-el .swiper-pagination-bullet{background-size: var(--main);margin: 0 3px;}*/ #index_products .right .btn_box{margin-top: 15px;text-align: center;} #index_products .right .btn_box .btn{width: 15px;height: 36px;cursor:pointer;margin: 0 10px;transition: .3s;} #index_products .right .btn_box .prev{background: url(/images/page-left.png) no-repeat center / 50%;/*transform: rotate(180deg);*/} #index_products .right .btn_box .next{background: url(/images/page-right.png) no-repeat center / 50%;} #index_products .right .btn_box .prev:hover{background-image: url(/images/page-left2.png);} #index_products .right .btn_box .next:hover{background-image: url(/images/page-right2.png);} @media (max-width: 1680px) { #index_products{padding: 180px 0 0;} } @media (max-width: 1536px) { #index_products{padding: 120px 0 0;} #index_products .left .p1{font-size: 30px;} #index_products .right .li .pic{padding-top: 44%;} #index_products .right .btn_box{margin-top: 10px;} } @media (max-width: 1440px) { #index_products{padding: 145px 0 0;} } @media (max-width: 1439px) { #index_products{padding: 145px 0 120px;} } @media (max-width: 1366px) { #index_products{padding: 80px 0;} } @media (max-width: 1280px) { #index_products{padding: 40px 0 30px;} #index_products .left .p1{font-size: 22px;} #index_products .left .list .li{padding: 15px 0 15px 15px;} #index_products .left .list .li .txt{font-size: 16px;} #index_products .right .li.pro_cate1::before, #index_products .right .li.pro_new::before{background-size: 60%;} #index_products .right .li .info .p1{font-size: 16px;} #index_products .right .li .info .p2{font-size: 14px;} #index_products .right .li .cont .brief{font-size: 14px;height: 63px;} } @media (max-width: 1200px) { #index_products .left .list:before{height: 430px;} } @media (max-width: 1024px) { #index_products .box{flex-wrap: wrap;} #index_products .left{margin-bottom: 40px; width: 100%; display: flex; justify-content: space-between; align-items: center;} #index_products .left .p1{margin-bottom: 0;} #index_products .left .list{width: 70%; display: flex; justify-content: space-around;} #index_products .left .list:before{display: none;} #index_products .left .list .li{width: 30%; padding: 10px;} #index_products .left .list .li:hover:before{display: none;} #index_products .right{width: 100%;} } @media (max-width: 750px) { #index_products{padding: 80px 0;} #index_products .left{flex-wrap: wrap;} #index_products .left .p1{font-size: 42px; font-weight: 700; line-height: 1.6;} #index_products .left .list{margin-top: 40px; width: 100%; justify-content: space-between;} #index_products .left .list .li{padding: 0;padding-left: 8px;} #index_products .left .list .li .txt{font-size: 32px; line-height: 1.6;} #index_products .left .list .li .jt{width: 30px; height: 30px;} #index_products .left .list .li .jt img{transform: scale(1.5);} #index_products .right .li {margin-top: 25px; margin-right: 4%; width: 48%;} #index_products .right .li::before{width: 70px; height: 70px; background: url(/images/index-pic29.png) no-repeat top right/100% 100%;} #index_products .right .li:nth-child(-n+3){margin-top: 25px;} #index_products .right .li:nth-child(-n+3){margin-top: 25px;} #index_products .right .li:nth-child(3n){margin-right: 4%;} #index_products .right .li:nth-child(-n+2){margin-top: 0;} #index_products .right .li:nth-child(2n){margin-right: 0;} #index_products .right .li .info .p1{font-size: 36px; font-weight: 500px; line-height: 1.6;} #index_products .right .li .info .p2{font-size: 30px; line-height: 1.6;} #index_products .right .li .pic{padding-top: 70%;} #index_products .right .li .cont .brief{font-size: 26px;height: 117px;} #index_products .right .page-el .swiper-pagination-bullet{width: 10px;height: 10px;} /*#index_products .right .li .cont .t1{font-size: 36px;line-height: 1.5;} #index_products .right .li .cont .t2{font-size: 30px;line-height: 1.5;} #index_products .right .li .cont .brief{font-size: 26px;} #index_products .right .li .cont .more{font-size: 26px;}*/ } #index_about{} #index_about::before{content: ""; display: block; width: 100%; height: 100px; /*background: url(/images/index-pic32.jpg) no-repeat center center/100% 100%;*/ position: absolute; bottom: 0; left: 0; z-index: 1;} #index_about .left{width: 42.71%; padding: 250px 0 165px; background: url(/images/index-pic14.png) no-repeat top left 100%; display: flex; justify-content: flex-end; position: relative; z-index: 4;} #index_about .left .in{width: 68.29%; } #index_about .left .in .data{width: 50%;margin-top: 125px;} #index_about .left .in .data:nth-child(-n+2){margin-top:0;} #index_about .left .in .data .top{margin-bottom: 6px; align-items: baseline;} #index_about .left .in .data .top .num{font-size: 50px; color: #fff; line-height: 59px; font-family:"MEB";} #index_about .left .in .data .top .unit{font-size: 18px; color: #fff; font-weight: bold; margin-left: 12px;} #index_about .left .in .data .txt{font-size: 18px; color: #fff; line-height: 29px;} #index_about .right{width: calc(100% - 42.71%); background: #fff;} #index_about .right .in{/*width: 76.36%; padding-top: 290px;*/width: 86%; padding-top: 190px; padding-left: 9%;} #index_about .right .in .p1{margin-bottom: 5px; font-size: 36px; color: #333; font-weight: bold; line-height: 54px;} #index_about .right .in .p2{margin-bottom: 50px; font-size: 18px; color: #888; font-family: "MR"; line-height: 24px;} /*#index_about .right .in .brief{margin-bottom: 87px; font-size: 16px; color: #666; line-height: 28px; text-align: justify; height: calc( 28px * 4);}*/ #index_about .right .in .brief{margin-bottom: 50px; font-size: 16px; color: #666; line-height: 28px; text-align: justify; height: calc( 28px * 6);} #index_about .right .in .more{width: 200px; height: 58px; border: 1px solid #121212; font-size: 16px; color: #2e2e2e; line-height: 56px; } #index_about .right .in .more:hover{border-color: var(--main); color: #fff; background: var(--main);} .scroll-bg{position: relative; width: 100%; margin: 0 auto;} .scroll-bg .tit-white{right: -4.5%;z-index: 1;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;font-size: 0px;width: 185px; } .scroll-bg .tit-white span{font-size: 260px;height: 185px;color: #5bc3ff; opacity: 0.1; font-family:"MEB";text-transform: uppercase;display: block;text-align: center;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);} .scroll-bg .tit-white.top{top: 0; right: -5%;} @media (max-width: 1680px) { #index_about::before{height: 85px;} #index_about .left{padding: 211px 0 174px; background: url(/images/index-pic14.png) no-repeat top left / 100% 100%;} #index_about .left .in{width: 81.29%;} #index_about .right .in{width: 85.36%; padding-top: 215px;} } @media (max-width: 1536px) { #index_about .left{padding-top: 150px;} #index_about .left .in .data{margin-top: 100px;} #index_about .right .in{padding-top: 150px;} .scroll-bg .tit-white.top{top: 100px;} .scroll-bg .tit-white span{font-size: 200px;height: 135px;} } @media (max-width: 1440px) { #index_about .left {padding: 211px 0 184px;} #index_about .left .in{width: 90.29%;} #index_about .left .in .data{margin-top: 50px;} #index_about .right .in{width: 94%; padding-top: 215px;} } @media (max-width: 1439px) { #index_about::before{bottom: -1px;} #index_about .left {padding: 150px 0 190px;} #index_about .right .in{ padding-top: 150px;} .scroll-bg .tit-white.top{top: 100%;} } @media (max-width: 1280px) { #index_about .left{padding: 80px 0 140px;} #index_about .left .in .data .top .num{font-size: 40px;} #index_about .left .in .data .top .unit{font-size: 16px;} #index_about .left .in .data{margin-top: 30px;} #index_about .left .in .data .txt{font-size: 16px;} #index_about .right .in{padding-top: 80px;} #index_about .right .in .p1{font-size: 24px;} #index_about .right .in .p2{font-size: 14px;margin-bottom: 30px;} #index_about .right .in .brief{font-size: 14px;margin-bottom: 30px;} #index_about .right .in .more{width: 130px;height: 40px;line-height: 38px;font-size: 14px;} } @media (max-width: 1024px) { #index_about{padding: 120px 0 80px;} #index_about::before{display: none;} #index_about .content{flex-direction: column-reverse;} #index_about .left{width: 100%; padding: 0; background: #fff; justify-content: center;} #index_about .left .in{width: 92%; } #index_about .left .in .data{width: 33%;} #index_about .left .in .data:nth-child(-n+2){margin-top: 50px;} #index_about .left .in .data:nth-child(-n+3){margin-top: 0;} #index_about .left .in .data .top .num, #index_about .left .in .data .top .unit, #index_about .left .in .data .txt{color: #333;} #index_about .right{width: 100%; margin-bottom: 80px;} #index_about .right .in{width: 92%; padding: 0 0 0 0; margin: 0 auto;} #index_about .right .in .brief{margin-bottom: 60px;} .scroll-bg .tit-white.top{display: none;} } @media (max-width: 750px) { #index_about{padding: 80px 0;} #index_about .right .in .p1{font-size: 42px; font-weight: 700; line-height: 1.6;} #index_about .right .in .p2{font-size: 36px; font-weight: 500; line-height: 1.6;} #index_about .right .in .brief{font-size: 30px; font-weight: 400; line-height: 1.6; height: calc( 48px * 4);} #index_about .right .in .more{width: 220px; height: 80px; line-height: 78px; font-size: 26px; border-color: var(--main); color: #fff; background: var(--main);} /*#index_about .left .in{justify-content: center;}*/ #index_about .left .in .data .top{justify-content: center;} #index_about .left .in .data{width: 47%;text-align: center;} #index_about .left .in .data:nth-child(-n+3){margin-top: 50px;} #index_about .left .in .data:nth-child(-n+2){margin-top: 0;} #index_about .left .in .data .top .num{font-size: 42px; font-weight: 700; line-height: 1.6;} #index_about .left .in .data .top .unit{font-size: 30px;} #index_about .left .in .data .txt{font-size: 30px; line-height: 1.6;} } #index_video{} #index_video .back{height: calc(100% + 85px);transform: translateY(-85px);} #index_video .play{top: 50%; left:50%; transform: translate(-50%, -50%); z-index: 5;} #index_video .play::before{content:''; width:100%; height:100%; opacity:0; border-radius:50%; background: rgba(255,255,255,0.2); position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; margin:auto; } #index_video .play::before{animation:warn_map 2s ease-out .1s infinite; -webkit-animation:warn_map 2s ease-out .1s infinite;} @media (max-width: 1440px) { #index_video .play{top: 55%;} } @media (max-width: 1366px) { #index_video .back{transform: translateY(0);margin-top: -76px;} } @media (max-width: 1280px) { #index_video .back{transform: translateY(0);margin-top: -63px;} } @media (max-width: 1024px) { #index_video .play{top: 45%;} } #index_news{padding: 180px 0 0; background: #fff;} #index_news .top{margin-bottom: 40px; align-items: flex-end;} #index_news .top .left .p1{font-size: 36px; color: #333; font-weight: bold; line-height: 55px;} #index_news .top .left .p2{font-size: 24px; color: #666; font-weight: 500; line-height: 42px;} #index_news .top .right .more .txt{margin-right: 10px; font-size: 18px; color: #333; line-height: 30px;} #index_news .top .right .more:hover .txt{color: var(--main);} #index_news .bot{} #index_news .bot .pic_ul{width: 65.71%;} #index_news .bot .pic_ul .li{width: 47.83%; background: #f7f7f7;} #index_news .bot .pic_ul .li .info{padding: 35px 6.59% 44px; } #index_news .bot .pic_ul .li .info .time{margin-bottom: 18px; font-size: 18px; color: #888; line-height: 24px; font-family: "MM";} #index_news .bot .pic_ul .li .info .name{margin-bottom: 22px; font-size: 24px; color: #333; line-height: 29px; min-height: calc(29px * 2);} #index_news .bot .pic_ul .li .info .brief{font-size: 16px; color: #666; line-height: 24px; min-height: calc(24px * 2);} #index_news .bot .pic_ul .li:hover .info .name{color: var(--main);} #index_news .bot .txt_ul{width: 31.43%; background: #f7f7f7; padding: 30px 1.81% 38px;} #index_news .bot .txt_ul .li{margin-top: 24px;} #index_news .bot .txt_ul .li:first-child{margin-top: 0;} #index_news .bot .txt_ul .li .tit{margin-bottom: 7px; font-size: 18px; color: #333; line-height: 25px; max-height: calc(25px * 2);} #index_news .bot .txt_ul .li .time{font-size: 16px; color: #888; font-family: "MM"; line-height: 21px;} #index_news .bot .txt_ul .li:hover .tit{font-weight: bold; color: var(--main);} @media (max-width: 1680px) { #index_news{padding: 140px 0 0;} #index_news .top {margin-bottom: 20px;} } @media (max-width: 1536px) { #index_news{padding-top: 110px;} #index_news .top .left .p1{font-size: 26px;line-height: 36px;} #index_news .top .left .p2{font-size: 18px;line-height: 28px;} #index_news .bot .pic_ul .li .info{padding: 25px 6.59%; } #index_news .bot .pic_ul .li .info .time{font-size: 16px;margin-bottom: 12px;} #index_news .bot .pic_ul .li .info .name{margin-bottom: 12px; font-size: 18px;line-height: 26px; min-height: calc(26px * 2);} } @media (max-width: 1440px) { #index_news{padding: 135px 0 0;} #index_news .top {margin-bottom: 20px;} } @media (max-width: 1439px) { #index_news{padding: 80px 0;} } @media (max-width: 1280px) { #index_news{padding: 30px 0;} #index_news .top .left .p1{font-size: 22px;line-height: 32px;} #index_news .top .left .p2{font-size: 16px;line-height: 26px;} #index_news .top .right .more .txt{font-size: 14px;} #index_news .top .right .more .jt{width: 20px;} #index_news .top .right .more .jt img{width: 100%;} #index_news .bot .pic_ul .li .pic{background: #fff;} #index_news .bot .pic_ul .li .pic img{width: 80%;} #index_news .bot .pic_ul .li .info .time{font-size: 14px;margin-bottom: 10px;} #index_news .bot .pic_ul .li .info .name{margin-bottom: 10px; font-size: 16px;line-height: 24px; min-height: calc(24px * 2);} #index_news .bot .txt_ul .li{margin-top: 18px;} #index_news .bot .txt_ul .li .tit{font-size: 16px;} #index_news .bot .txt_ul .li .time{font-size: 14px;} } @media (max-width: 1024px) { #index_news{padding: 120px 0;} #index_news .top{margin-bottom: 40px;} #index_news .bot{flex-direction: column;} #index_news .bot .pic_ul{width: 100%; margin-bottom: 40px;} #index_news .bot .txt_ul{width: 100%;} } @media (max-width: 750px) { #index_news{padding: 80px 0;} #index_news .top{flex-wrap: wrap;} #index_news .top .left{width: 100%;} #index_news .top .left .p1{font-size: 42px; font-weight: 700; line-height: 1.6;} #index_news .top .left .p2{font-size: 36px; font-weight: 500; line-height: 1.6;} #index_news .top .right{width: 100%; margin-top: 40px;} #index_news .top .right .more{justify-content: flex-end;} #index_news .top .right .more .txt{margin-right: 20px; font-size: 30px; line-height: 1.6;} #index_news .top .right .more:hover .txt{color: #333;} #index_news .top .right .more .jt {width: 35px; height: 35px;} #index_news .top .right .more .jt img{transform: scale(1.5);} #index_news .bot .pic_ul{flex-wrap: wrap;} #index_news .bot .pic_ul .li{width: 100%; margin-top:40px;} #index_news .bot .pic_ul .li:first-child{margin-top: 0;} #index_news .bot .pic_ul .li .info .time{font-size: 32px; line-height: 1.6;} #index_news .bot .pic_ul .li .info .name{font-size: 36px; line-height: 1.6; min-height: calc(45px * 2);} #index_news .bot .pic_ul .li .info .brief{font-size: 30px; line-height: 1.6; min-height: calc(40px * 2);} #index_news .bot .txt_ul{padding: 36px 5.81% 45px;} #index_news .bot .txt_ul .li .tit{font-size: 32px; line-height: 1.6; max-height: calc(55px * 2);} #index_news .bot .txt_ul .li .time{font-size: 30px; line-height: 1.6;} } #index_search{background: url(/images/index-pic19.jpg) no-repeat center center/100% 100%;} #index_search .content{/*padding: 100px 0;*/padding: 80px 0;} #index_search .content .box .left{width: 40.71%;} #index_search .content .box .left .p1{margin-bottom: 40px; font-size: 32px; color: #fff; line-height: 50px; font-weight: 500;} #index_search .content .box .left .form .search{width: 100%; height: 50px;} #index_search .content .box .left .form .search .input{width: calc(100% - 150px); height: 100%;} #index_search .content .box .left .form .search .input input{padding: 0 15px; width: 100%; height: 100%; font-size: 16px; color: #333; line-height: 50px; background: #fff;} #index_search .content .box .left .form .search .submit{width: 150px; height: 100%;background: url(/images/index-pic31.jpg) no-repeat center center /100% 100%;} #index_search .content .box .left .form .search .submit span{margin-left: 12px; display: block;font-size: 16px; color: #fff; line-height: 50px} #index_search .content .box .right{width: 39.29%;} #index_search .content .box .right .li{width: 23.64%; height: 130px; background: url(/images/index-pic25.jpg) no-repeat center center /100% 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;} #index_search .content .box .right .li .icon{margin-bottom: 17px;} #index_search .content .box .right .li .txt{width: 100%;font-size: 16px; color: #fff; line-height: 25px;} @media (max-width: 1680px) { #index_search .content{padding: 68px 0;} } @media (max-width: 1536px) { #index_search .content{padding: 30px 0;} #index_search .content .box .left .p1{font-size: 28px;margin-bottom: 15px;} } @media (max-width: 1440px) { #index_search .content{padding: 45px 0;} } @media (max-width: 1366px) { #index_search .content{padding: 87px 0;} #index_search .content .box .left .p1{margin-bottom: 20px;} #index_search .content .box .right{width: 46.29%;} } @media (max-width: 1280px) { #index_search .content .box .left .p1{font-size: 22px;} #index_search .content .box .left .form .search{height: 40px;} #index_search .content .box .left .form .search .input input{font-size: 14px;} #index_search .content .box .left .form .search .submit span{line-height: 40px;} #index_search .content .box .right .li{width: 21%;height: 110px;} #index_search .content .box .right .li .icon{width: 30px;} #index_search .content .box .right .li .txt{font-size: 14px;} } @media (max-width: 1024px) { #index_search .content{padding: 80px 0;} #index_search .content .box .right{width: 50%;} #index_search .content .box .right .li{height: 110px;} } @media (max-width: 750px) { #index_search{background: url(/images/index-pic19-mb.jpg) no-repeat center center/100% 100%;} #index_search .content .box{flex-direction: column;} #index_search .content .box .left{width: 100%;} #index_search .content .box .left .p1{font-size: 42px; font-weight: 700; line-height: 1.6;} #index_search .content .box .left .form .search{height: 80px;} #index_search .content .box .left .form .search .input input, #index_search .content .box .left .form .search .submit span{line-height:80px;} #index_search .content .box .left .form .search .input input, #index_search .content .box .left .form .search .submit span{font-size: 30px;} #index_search .content .box .left .form .search .submit input, #index_search .content .box .left .form .search .submit .sub{height: 100%;} #index_search .content .box .right{width: 100%; margin-top: 40px;} /*#index_search .content .box .right .li{height: 163px;}*/ #index_search .content .box .right .li{height: auto;padding: 20px 0;} #index_search .content .box .right .li .txt{font-size: 26px; line-height: 1.2;white-space: normal;} } #products_cate{padding: 95px 0 50px;} #products_cate .box{margin-bottom: 50px;} #products_cate .box .cate_box{} #products_cate .box .cate_box .cate_one{font-size: 36px;color: #333;font-weight: 700;padding-left: 26px;border-left: 8px solid var(--main);line-height: 1;margin-right: 80px;} #products_cate .box .cate_box .cate_twobox{max-width: 60%;} #products_cate .box .cate_box .cate_twobox .cate_two{width: auto;font-size: 18px;color: #333;font-weight: 700;margin-right: 52px;line-height: 1;transition: all .3s;} #products_cate .box .cate_box .cate_twobox .cate_two:hover{color: var(--main);} #products_cate .box .cate_box .more{font-size: 18px;color: #333;padding-right: 40px;background: url(/images/index-pic18.png) no-repeat right;margin-left: auto;line-height: 30px;} #products_cate .box .cate_box .more:hover{color: var(--main);} @media (max-width: 1280px){ #products_cate .box .cate_box .cate_one{font-size: 28px;} #products_cate .box .cate_box .more{font-size: 14px;background-size: 24px;} } @media (max-width: 1024px){ #products_cate .box .cate_box{flex-wrap: wrap;} #products_cate .box .cate_box .cate_twobox{width: 100%;max-width: 100%;margin: 30px 0;} #products_cate .box .cate_box .cate_twobox .container{margin-left: 0;} #products_cate .box .cate_box .more{margin-left: 0;} } @media (max-width: 750px){ #products_cate .box .cate_box .cate_one{font-size: 42px;} #products_cate .box .cate_box .cate_twobox .cate_two{font-size: 30px;} #products_cate .box .cate_box .more{font-size: 26px;} } /*产品列表*/ .prod_box{margin-top: 50px;} .prod_box .li{width: 23.928%;margin-right: 1.429%;border: 1px solid #ccc;margin-bottom: 20px;} .prod_box .li:nth-child(4n){margin-right: 0;} .prod_box .li .pic{width: 100%;padding-top: 83.582%;} .prod_box .li .cont{padding: 23px 20px;background: #f1f1f1;} .prod_box .li .cont .tit{font-size: 20px;color: #333;height: 56px;overflow: hidden;} .prod_box .li .cont .cate{font-size: 16px;color: #666;margin-top: 5px;} .prod_box .li .text{padding: 23px 20px;background: var(--pro_cate1);left: 0;bottom: 0;right: 0;z-index: 2;color: #fff;opacity: 0;} .prod_box .li .text .tit{font-size: 20px;height: 56px;overflow: hidden;} .prod_box .li .text .cate{font-size: 16px;margin: 5px 0;} .prod_box .li .text .brief{font-size: 16px;line-height: 1.5;height: 72px;overflow: hidden;} .prod_box .li:hover .text{opacity: 1;} .prod_box .li.pro_cate1::before{content: '';width: 68px;height: 70px;background: url(/images/pro_cate_icon.png) no-repeat top right;position: absolute;right: 0;top: 0;z-index: 2;} .prod_box .li.pro_cate2 .text{background: var(--pro_cate2);} .prod_box .li.pro_new::before{content: '';width: 68px;height: 70px;background: url(/images/pro_new_icon.png) no-repeat top right;position: absolute;right: 0;top: 0;z-index: 2;} .prod_box .li.pro_new .text{background: var(--pro_new);} @media (max-width: 1280px){ .prod_box .li .text .tit{font-size: 18px;} .prod_box .li .text .cate{font-size: 14px;} .prod_box .li .text .brief{font-size: 14px;height: 63px;} .prod_box .li .cont .tit{font-size: 18px;} .prod_box .li .cont .cate{font-size: 14px;} .prod_box .li.pro_cate1::before, .prod_box .li.pro_new::before{background-size: 60%;} } @media (max-width: 1024px){ .prod_box .li{width: 48%;margin-right: 4%;} .prod_box .li:nth-child(4n){margin-right: 4%;} .prod_box .li:nth-child(2n){margin-right: 0;} } @media (max-width: 750px){ .prod_box .li .cont .tit, .prod_box .li .text .tit{font-size: 30px;} .prod_box .li .cont .cate, .prod_box .li .text .cate, .prod_box .li .text .brief{font-size: 26px;} } #products{padding: 40px 0 100px;} #products .cate_box{max-width: 100%;} #products .cate_box .li{width: auto;transition: all .3s;font-size: 18px;color: #333;margin: 0 27px;} #products .cate_box .li:hover{color: #2775b6;} #products .cate_box .li.cur{color: #2775b6;font-weight: 700;} @media (max-width: 750px){ #products .cate_box .li{font-size: 30px;} } /*产品详情*/ .pub_title{font-size: 30px;color: #333;font-weight: 700;padding-left: 30px;border-left: 8px solid var(--main);line-height: 1;} #pro_detail{padding: 80px 0 0;} #pro_detail .box{border-bottom: 1px solid #eee;padding-bottom: 60px;} #pro_detail .pic{width: 35.714%;border: 1px solid #ccc;} #pro_detail .pic::before{content: '';padding-top: 84%;} #pro_detail .text_box{width: 38.571%;padding: 0 48px;} #pro_detail .text_box .tit_box{} #pro_detail .text_box .tit_box .tit{font-size: 42px;color: #333;font-weight: 700;} #pro_detail .text_box .tit_box .cate{font-size: 18px;color: #666;margin-left: 20px;margin-top: 24px;} #pro_detail .text_box .con{margin-top: 26px;} #pro_detail .text_box .con .li{font-size: 16px;color: #333;line-height: 1.5;margin-bottom: 20px;position: relative;padding-left: 15px;} #pro_detail .text_box .con .li::before{content: '';width: 5px;height: 5px;background: #333;border-radius: 100%;position: absolute;left: 0;top: 10px;} #pro_detail .text_box .btn_box{margin-top: 45px;} #pro_detail .text_box .btn_box .btn{min-width: 190px;height:60px;line-height: 60px;padding: 0 20px;border: 1px solid #333;text-align: center;font-size: 18px;color: #333;} #pro_detail .text_box .btn_box .btn .icon{width: 20px;height: 60px;} #pro_detail .text_box .btn_box .btn:first-child{margin-right: 20px;} #pro_detail .text_box .btn_box .btn:first-child .icon{background: url(/images/pro-de-icon1.png) no-repeat center;margin-right: 16px;} #pro_detail .text_box .btn_box .btn:last-child .icon{background: url(/images/pro-de-icon2.png) no-repeat center;margin-right: 10px;} #pro_detail .text_box .btn_box .btn:hover{color: #fff;background-color: var(--main);border-color: var(--main);} #pro_detail .text_box .btn_box .btn:first-child:hover .icon{background-image: url(/images/pro-de-icon1-h.png);} #pro_detail .text_box .btn_box .btn:last-child:hover .icon{background-image: url(/images/pro-de-icon2-h.png);} #pro_detail .re_article{width: 25.715%;padding: 20px 30px 30px;background: #f5f5f5;} #pro_detail .re_article .title{font-size: 20px;color: #333;font-weight: 700;padding-bottom: 15px;border-bottom: 1px solid #e6e6e6;} #pro_detail .re_article .list{padding-top: 20px;} #pro_detail .re_article .list .li{margin-bottom: 12px;font-size: 16px;color: #1a1a1a;position: relative;padding-left: 10px;} #pro_detail .re_article .list .li:hover{color: var(--main);} #pro_detail .re_article .list .li::before{content: '';position: absolute;left: 0;top: 9px;width: 5px;height: 5px;background: #1a1a1a;transition: all .3s;border-radius: 100%;} #pro_detail .re_article .list .li:hover::before{background: var(--main);} #pro_detail2{padding: 70px 0;} #pro_detail2 .table_box{margin-top: 40px;border-radius: 10px 10px 0 0;} #pro_detail2 .table_box .th{padding: 16px 20px;background: var(--main);border-radius: 10px 10px 0 0;} #pro_detail2 .table_box .th .li{width: 15.285%;font-size: 16px;color: #fff;font-weight: 500;} #pro_detail2 .table_box .th .li:last-child{width: 10%;} #pro_detail2 .table_box .tbody{} #pro_detail2 .table_box .tbody .list{padding: 20px;} #pro_detail2 .table_box .tbody .list:nth-child(2n){background: #f5f5f5;} #pro_detail2 .table_box .tbody .list .li{width: 15.285%;font-size: 14px;color: #666;padding-left: 10px;} #pro_detail2 .table_box .tbody .list .li:first-child{padding-left: 0;} #pro_detail2 .table_box .tbody .list .li:last-child{width: 10%;} #pro_detail2 .table_box .tbody .list .li .tit{color: var(--main);} #pro_detail2 .table_box .tbody .list .li .btn{width: 100px;height: 36px;line-height: 36px;border: 1px solid #666;color: var(--main);text-align: center;} #pro_detail2 .table_box .tbody .list .li .btn:hover{background: var(--main);color: #fff;border-color: var(--main);} #pro_detail3{padding-bottom: 135px;} #pro_detail3 .product-table-table{width:100%; margin-top: 40px;} #pro_detail3 .product-table-table .search{width:100%; background: var(--main); padding:20px; border-radius:18px 18px 0 0;} #pro_detail3 .product-table-table .search .form{width:280px; height:40px; background:#fff; border-radius:5px; padding:0 10px 0 15px;} #pro_detail3 .product-table-table .search .form .input{width:232px; height:40px; float:left; background:#fff; border:none;font-size: 16px;} #pro_detail3 .product-table-table .search .form .sub{width:21px; height:40px; cursor:pointer; float:left; background:url(/images/search2.png) no-repeat center/17px,17px; border:none;} /*#pro_detail3 .product-table-table iframe{width:100%; border:none; min-height:400px;}*/ @media screen and (max-width: 1280px){ #pro_detail .text_box .tit_box .tit{font-size: 28px;} #pro_detail .text_box .tit_box .cate{font-size: 16px;margin-top: 14px;} #pro_detail .re_article .list .li{font-size: 14px;} #pro_detail .text_box .btn_box .btn{min-width: 160px;height: 45px;line-height: 45px;} #pro_detail .text_box .btn_box .btn .icon{height: 45px;font-size: 14px;} } @media screen and (max-width: 1200px){ #pro_detail .box{flex-wrap: wrap;} #pro_detail .text_box{width: 60%;} #pro_detail .text_box .btn_box{flex-wrap: wrap;} #pro_detail .text_box .btn_box .btn:first-child{margin-bottom: 20px;} #pro_detail .re_article{width: 100%;margin-top: 30px;} } @media screen and (max-width: 1024px){ #pro_detail2 .table_box{overflow-x: auto;} #pro_detail2 .table_box .content{width: 1000px;} } @media screen and (max-width: 750px) { #pro_detail .pic{width: 100%;} #pro_detail .text_box{width: 100%;margin-top: 30px;padding: 0;} #pro_detail .text_box .tit_box .cate{font-size: 30px;margin-top: 12px;} #pro_detail .text_box .con .li{font-size: 26px;} #pro_detail .text_box .con .li:before{top: 16px;} #pro_detail .text_box .btn_box .btn{font-size: 26px;} #pro_detail .re_article .title{font-size: 36px;} #pro_detail .re_article .list .li{font-size: 26px;} #pro_detail .re_article .list .li:before{top: 16px;} #pro_detail2 .table_box .content{width: 1500px;} #pro_detail2 .table_box .th .li{font-size: 26px;} #pro_detail2 .table_box .tbody .list .li{font-size: 26px;} #pro_detail2 .table_box .tbody .list .li .btn{width: 150px;} #pro_detail3 .product-table-table .search .form{width:100%; height:60px; background:#fff; border-radius:5px; padding:0 0 0 20px;} #pro_detail3 .product-table-table .search .form .input{width: calc(100% - 60px);height: 60px;font-size: 26px;} #pro_detail3 .product-table-table .search .form .sub{width: 60px;height: 60px;background-size: 26px;} #pro_detail3 .product-table-table .biao-box{/*width: 705px;*/overflow-x: scroll;} /*#pro_detail3 .product-table-table iframe{width: 2200px;}*/ } /*产品型号详情*/ #promod_detail{padding: 80px 0 0;} #promod_detail .box{border-bottom: 1px solid #eee;padding-bottom: 80px;} #promod_detail .pic{width: 44.285%;border: 1px solid #ccc;} #promod_detail .pic::before{content: '';padding-top: 84%;} #promod_detail .text_box{width: 55.715%;padding: 0 35px 0 56px;} #promod_detail .text_box .tit_box{} #promod_detail .text_box .tit_box .tit{font-size: 42px;color: #333;font-weight: 700;} #promod_detail .text_box .tit_box .cate{font-size: 18px;color: #666;margin-left: 20px;margin-top: 24px;} #promod_detail .text_box .con{margin-top: 26px;} #promod_detail .text_box .con .li{font-size: 16px;color: #333;line-height: 1.5;margin-bottom: 20px;position: relative;padding-left: 15px;} #promod_detail .text_box .con .li::before{content: '';width: 5px;height: 5px;background: #333;border-radius: 100%;position: absolute;left: 0;top: 10px;} #promod_detail .text_box .btn_box{margin-top: 45px;flex-wrap: wrap;} #promod_detail .text_box .btn_box .btn{min-width: 190px;height:60px;line-height: 60px;padding: 0 20px;border: 1px solid #333;text-align: center;font-size: 18px;color: #333;} #promod_detail .text_box .btn_box .btn .icon{width: 20px;height: 60px;} #promod_detail .text_box .btn_box .btn:first-child{margin-right: 20px;margin-bottom: 20px;} #promod_detail .text_box .btn_box .btn:first-child .icon{background: url(/images/pro-de-icon1.png) no-repeat center;margin-right: 16px;} #promod_detail .text_box .btn_box .btn:last-child .icon{background: url(/images/pro-de-icon2.png) no-repeat center;margin-right: 10px;} #promod_detail .text_box .btn_box .btn:hover{color: #fff;background-color: var(--main);border-color: var(--main);} #promod_detail .text_box .btn_box .btn:first-child:hover .icon{background-image: url(/images/pro-de-icon1-h.png);} #promod_detail .text_box .btn_box .btn:last-child:hover .icon{background-image: url(/images/pro-de-icon2-h.png);} #promod_detail2{padding: 75px 0 0;} #promod_detail2 .box{border-bottom: 1px solid #eee;padding-bottom: 55px;} #promod_detail2 .pic{margin-top: 55px;} #promod_detail3{padding: 60px 0 0;} #promod_detail3 .box{border-bottom: 1px solid #eee;padding-bottom: 65px;} #promod_detail3 .brief{margin-top: 30px;font-size: 16px;color: #666;line-height: 1.75;} #promod_detail4{padding: 55px 0 70px;} #promod_detail4 .table_box{margin-top: 40px;overflow-x: auto;border-radius: 10px 10px 0 0;} #promod_detail4 .table_box::-webkit-scrollbar, #promod_detail4 .table_box *::-webkit-scrollbar{height: 10px;} #promod_detail4 .table_box .content{width: 2000px;} #promod_detail4 .table_box .th{background: var(--main);border-radius: 10px 10px 0 0;} #promod_detail4 .table_box .th .li{width: 95px;font-size: 14px;color: #fff;line-height: 1.42;font-weight: 500;text-align: center;border-right: 1px solid #fff;padding: 12px 3px;display: flex;align-items: center;justify-content: center;} #promod_detail4 .table_box .th .li:nth-child(3){width: 190px;} #promod_detail4 .table_box .th .li:last-child{border-right: 0;} #promod_detail4 .table_box .tbody{} #promod_detail4 .table_box .tbody .list{padding: 10px 0;} #promod_detail4 .table_box .tbody .list:nth-child(2n){background: #f5f5f5;} #promod_detail4 .table_box .tbody .list .li{width: 95px;font-size: 14px;color: #666;text-align: center;} #promod_detail4 .table_box .tbody .list .li:nth-child(3){width: 190px;} #promod_detail4 .table_box .tbody .list .li:first-child{padding-left: 0;} #promod_detail4 .table_box .tbody .list .li:last-child{} #promod_detail4 .table_box .tbody .list .li .tit{color: var(--main);} #promod_detail4 .table_box .tbody .list .li .btn{width: 100px;height: 36px;line-height: 36px;border: 1px solid #666;color: var(--main);text-align: center;} #promod_detail5{} #promod_detail5 .box{border-bottom: 1px solid #eee;padding-bottom: 40px;} #promod_detail5 .box .text{width: 50%;padding-right: 50px;} #promod_detail5 .box .text .brief{margin-top: 30px;} #promod_detail5 .box .text .brief .li{font-size: 16px;color: #666;line-height: 1.25;margin-bottom: 15px;position: relative;padding-left: 15px;} #promod_detail5 .box .text .brief .li::before{content: '';width: 5px;height: 5px;background: #666;border-radius: 100%;position: absolute;left: 0;top: 8px;} #promod_detail6{padding: 80px 0 100px;} @media (max-width: 1280px){ #promod_detail .text_box .tit_box .tit{font-size: 30px;} #promod_detail .text_box .tit_box .cate{font-size: 16px;margin-top: 14px;} #promod_detail .text_box .btn_box .btn{min-width: 160px;height: 45px;line-height: 45px;} #promod_detail .text_box .btn_box .btn .icon{height: 45px;font-size: 14px;} } @media (max-width: 1200px){ #promod_detail .text_box{padding: 0 0 0 20px;} } @media (max-width: 750px){ .pub_title{font-size: 42px;} #promod_detail .box{flex-wrap: wrap;} #promod_detail .box .pic{width: 100%;} #promod_detail .box .text_box{width: 100%;margin-top: 30px;padding-left: 0;} #promod_detail .text_box .tit_box .cate{font-size: 26px;margin-top: 12px;} #promod_detail .text_box .con .li{font-size: 26px;} #promod_detail .text_box .con .li::before{top: 16px;} #promod_detail .text_box .btn_box .btn{font-size: 26px;} #promod_detail3 .brief{font-size: 30px;} #promod_detail4 .table_box .content{width: 3000px;} #promod_detail4 .table_box .th .li, #promod_detail4 .table_box .tbody .list .li{font-size: 26px;width: 160px;} #promod_detail4 .table_box .th .li:nth-child(3), #promod_detail4 .table_box .tbody .list .li:nth-child(3){width: 330px;} #promod_detail5 .box{flex-wrap: wrap;} #promod_detail5 .box .text{width: 100%;padding-right: 0;} #promod_detail5 .box .text:first-child{margin-bottom: 30px;} #promod_detail5 .box .text .brief .li{font-size: 30px;line-height: 1.6;} #promod_detail5 .box .text .brief .li::before{top: 20px;} } /*产品选型*/ #products_select1{padding: 90px 0 250px;background: url(/images/apply-bg.jpg) repeat top left;margin-top: 35px;} #products_select1 .text_box{} #products_select1 .text_box .title{font-size: 32px;color: #333;font-weight: 700;padding-right: 20px;} #products_select1 .text_box .text{width: 65.285%;font-size: 16px;color: #333;line-height: 1.875;} #products_select1 .text_box .text .brief1{} #products_select1 .text_box .text .brief1 .li{margin-bottom: 3px;position: relative;padding-left: 20px;} #products_select1 .text_box .text .brief1 .li::before{content: '';position: absolute;left: 0;top: 9px;width: 13px;height: 13px;background: #333;} #products_select1 .text_box .text .brief2{margin-top: 30px;} #products_select1 .form_box{background: #fff;padding: 50px 48px 60px;margin-top: 55px;clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px),calc(100% - 40px) 100%, 0 100%);} #products_select1 .form_box .list{margin-bottom: 25px;} #products_select1 .form_box .list .tit{width: 100px;font-size: 16px;color: #333;font-weight: 700;} #products_select1 .form_box .list .tit span{color: #ff0000;margin-left: 15px;} #products_select1 .form_box .list .cont{width: calc(100% - 100px);} #products_select1 .form_box .list .cont .radio{font-size: 16px;color: #666;padding-left: 30px;background: url(/images/radio-icon.png) no-repeat left;margin-right: 50px;cursor: pointer;} #products_select1 .form_box .list .cont .radio.cur{background-image: url(/images/radio-icon-cur.png);} #products_select1 .form_box .list .cont .select{width: 180px;height: 40px;border: 1px solid #999;font-size: 16px;color: #333;padding: 0 20px 0 8px;background: url(/images/select-icon2.png) no-repeat center right 15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height: 40px;} #products_select1 .form_box .list .cont .item{margin-right: 28px;} #products_select1 .form_box .list .cont .item .t{font-size: 16px;color: #666;margin-right: 16px;} #products_select1 .form_box .list .cont .t2{font-size: 16px;color: #333;margin: 0 12px;} #products_select1 .form_box .list .cont .input{width: 180px;height: 40px;border: 1px solid #999;font-size: 16px;color: #333;line-height: 40px;padding: 0 12px;} #products_select1 .form_box .list .cont .input input{width: 80%;height: 100%;} #products_select1 .form_box .list .cont .input .unit{} #products_select1 .form_box .list .cont .submit{width: 195px;height: 50px;line-height: 50px;background: var(--main);font-size: 18px;color: #fff;text-align: center;display: block;margin-top: 5px;} #products_select1 .form_box .list .cont .submit:hover{opacity: .8;} #products_select2{padding-bottom: 125px;margin-top: -168px;} #products_select2 .title{font-size: 32px;color: #333;font-weight: 700;margin-bottom: 20px;} #products_select2 .text{font-size: 16px;color: #333;padding: 38px 20px;background: #fff;text-align: center;clip-path: polygon(0 0,calc(100% - 40px) 0, 100% 40px,100% 100%, 0 100%);} @media (max-width: 1200px){ #products_select1 .form_box .list .cont{flex-wrap: wrap;} #products_select1 .form_box .list .cont .item{margin-bottom: 10px;} } @media (max-width: 750px){ #products_select1 .text_box{flex-wrap: wrap;} #products_select1 .text_box .title{font-size: 42px;} #products_select1 .text_box .text{width: 100%;margin-top: 30px;} #products_select1 .text_box .text{font-size: 30px;} #products_select1 .text_box .text .brief1 .li::before{top: 20px;} #products_select1 .form_box{padding: 30px;} #products_select1 .form_box .list{flex-wrap: wrap;} #products_select1 .form_box .list .cont{width: 100%;} #products_select1 .form_box .list .tit{font-size: 26px;width: 100%;margin-bottom: 10px;} #products_select1 .form_box .list .cont .radio{font-size: 26px;} #products_select1 .form_box .list .cont .select{width: 300px;height:60px;font-size: 26px;line-height: 60px;} #products_select1 .form_box .list .cont .t2{font-size: 26px;} #products_select1 .form_box .list .cont .input{width: 250px;height:60px;line-height: 60px;font-size: 26px;} #products_select1 .form_box .list .cont .item .t{font-size: 26px;} #products_select1 .form_box .list .cont .submit{height:60px;line-height: 60px;font-size: 26px;} #products_select2 .title{font-size: 42px;} #products_select2 .text{font-size: 26px;} } /*应用指南*/ #application_list{padding: 80px 0 90px;} #application_list .li{background: url(/images/app-cate-bg.png) repeat left top / 100%;margin-bottom: 30px;} #application_list .li .pic{width: 57.142%;} #application_list .li .text{width: 42.858%;padding: 40px 60px;} #application_list .li .text .title{font-size: 30px;color: #333;} #application_list .li .text .title:hover{color: var(--main);} #application_list .li .text .cont{margin-top: 20px;} #application_list .li .text .cont .tit{font-size: 16px;color: #333;padding-left: 20px;background: url(/images/app-icon.png) no-repeat left 7px;margin-bottom: 20px;} #application_list .li .text .cont .tit:last-child{margin-bottom: 0;} #application_list .li .text .cont .tit a:hover{color: var(--main);font-weight: 700;} #application1{padding: 80px 0 90px;} #application1 .title{font-size: 36px;color: #333;font-weight: 700;} #application1 .brief{font-size: 16px;color: #666;line-height: 1.6;margin-top: 50px;} #application1 .pic{margin-top: 48px;} #application2{padding-bottom: 90px;} #application2 .title{font-size: 32px;color: #333;font-weight: 500;line-height: 1;border-left: 8px solid var(--main);padding-left: 25px;} #application2 .content{margin-top: 46px;} #application2 .content .li{width: 23.928%;border: 1px solid #ccc;margin-bottom: 20px;margin-right: 1.429%;} #application2 .content .li:nth-child(4n){margin-right: 0;} #application2 .content .li .pic{width: 100%;padding-top: 83.582%;} #application2 .content .li .tit{height: 70px;line-height: 70px;font-size: 16px;color: #333;background: #f1f1f1;padding: 0 10px;} #application2 .content .li:hover .tit{background: var(--main);color: #fff;} #app_related_pro{padding-bottom: 90px;} #app_related_pro .title{font-size: 32px;color: #333;font-weight: 500;line-height: 1;border-left: 8px solid var(--main);padding-left: 25px;} @media (max-width: 1280px){ #application_list .li .text .title{font-size: 26px;} } @media (max-width: 1024px){ #application_list .li .text{padding: 30px;} } @media (max-width: 860px){ #application2 .content .li{width: 48%;margin-right: 4%;} #application2 .content .li:nth-child(4n){margin-right: 4%;} #application2 .content .li:nth-child(2n){margin-right: 0;} } @media (max-width: 750px){ #application_list .li{flex-wrap: wrap;} #application_list .li .pic{width: 100%;} #application_list .li .text{width: 100%;} #application_list .li .text .title{font-size: 36px;} #application_list .li .text .cont .tit{font-size: 30px;background-size: 12px;background-position-y: 12px;} #application1 .title{font-size: 42px;} #application1 .brief{font-size: 30px;} #application2 .title{font-size: 42px;} #application2 .content .li .tit{font-size: 30px;} } /*环保证书*/ #environmental{padding: 75px 0 50px;} #environmental .form_box{width: 280px;height: 40px;border: 1px solid #999;right: 0;top: -110px;} #environmental .form_box .input{width: calc(100% - 50px);height: 100%;padding-left: 10px;font-size: 16px;color: #333;} #environmental .form_box .submit{width: 44px;height: 40px;background: url(/images/search-icon2.png) no-repeat center;font-size: 0;} #environmental .content{margin-bottom: 70px;} #environmental .content .title{font-size: 32px;color: #333;font-weight: 700;padding-left: 27px;border-left: 8px solid var(--main);line-height: 1;} #environmental .content .cont{margin-top: 40px;} #environmental .content .cont .li{width: 24.857%;font-size: 16px;color: #333;margin-bottom: 2px;margin-right: 0.191%;background: url(/images/pdf-icon.png) no-repeat center right 18px #f7f7f7;padding: 13px 45px 13px 25px;} #environmental .content .cont .li:nth-child(4n){margin-right: 0;} #environmental .content .cont .li::before{content: '';position: absolute;left: 12px;top: 23px;width: 5px;height: 5px;background: #333;transition: all .3s;border-radius: 100%;} #environmental .content .cont .li:hover{background-color: var(--main);background-image: url(/images/pdf-icon2.png);color: #fff;} #environmental .content .cont .li:hover::before{background: #fff;} @media (max-width: 1280px){ #environmental .content .title{font-size: 28px;} } @media (max-width: 1024px){ #environmental .form_box{position: static;margin-bottom: 36px;} #environmental .content .cont .li{width: 49.8%;margin-right: 0.4%;} #environmental .content .cont .li:nth-child(4n){margin-right: 0.4%;} #environmental .content .cont .li:nth-child(2n){margin-right: 0;} } @media (max-width: 750px){ #environmental .form_box{width: 50%;height:60px;} #environmental .form_box .input{font-size: 26px;} #environmental .form_box .submit{height:60px;background-size: 26px;} #environmental .content .cont .li{width: 100%;margin-right: 0;font-size: 30px;padding-top: 20px;padding-bottom: 20px;background-size: 30px;} #environmental .content .cont .li:nth-child(4n){margin-right: 0;} #environmental .content .cont .li::before{top: 40px;} } /*目录书*/ #directory{padding: 80px 0 100px;} #directory .box{} #directory .box .li{width: 23.786%;margin-right: 1.618%;margin-bottom: 20px;background: #f7f7f7;padding: 40px 0 30px;} #directory .box .li:nth-child(4n){margin-right: 0;} #directory .box .li .pic{width: 72.973%;margin: 0 auto;padding-top: 90.09%;box-shadow: -1px 5px 20px 0px rgba(0, 0, 0, 0.15);} #directory .box .li .tit{font-size: 16px;color: #333;margin-top: 24px;padding: 0 10px;} #directory .box .li:hover .tit{color: var(--main);} @media (max-width: 750px){ #directory .box .li{width: 48%;margin-right: 4%;} #directory .box .li:nth-child(4n){margin-right: 4%;} #directory .box .li:nth-child(2n){margin-right: 0;} #directory .box .li .tit{font-size: 26px;} } /*实验室介绍*/ #laboratory1{padding: 70px 0 90px;} #laboratory1 .title{font-size: 36px;color: #333;font-weight: 700;} #laboratory1 .brief{font-size: 16px;color: #666;line-height: 1.8;margin-top: 42px;} #laboratory1 .pic{margin-top: 50px;} #laboratory2 .title{font-size: 36px;color: #333;font-weight: 700;} #laboratory2 .pic{margin-top: 50px;} #laboratory3{padding: 80px 0 85px;} #laboratory3 .title{font-size: 36px;color: #333;font-weight: 700;} #laboratory3 .content{margin-top: 50px;} #laboratory3 .content .li{width: 100%;margin-bottom: 40px;} #laboratory3 .content .li:nth-child(2n){flex-direction: row-reverse;} #laboratory3 .content .li .pic{width: 50%;padding-top: 27.143%;} #laboratory3 .content .li .text{width: 50%;padding-left: 55px;padding-top: 30px;} #laboratory3 .content .li:nth-child(2n) .text{padding-left: 0;padding-right: 55px;} #laboratory3 .content .li .text .t1{font-size: 30px;color: #333;font-weight: 700;margin-bottom: 12px;} #laboratory3 .content .li .text .t2{font-size: 16px;color: #666;line-height: 1.6;} #laboratory3 .content .li .text .t3{font-size: 20px;color: #333;font-weight: 700;margin: 32px 0 20px;} @media (max-width: 980px){ #laboratory3 .content .li{display: block;} #laboratory3 .content .li .pic{width: 100%;padding-top: 54.286%;} #laboratory3 .content .li .text{width: 100%;padding-left: 0;} #laboratory3 .content .li:nth-child(2n) .text{padding-right: 0;} } @media (max-width: 750px){ #laboratory1 .title, #laboratory2 .title, #laboratory3 .title{font-size: 42px;} #laboratory1 .brief{font-size: 30px;} #laboratory3 .content .li .text .t1, #laboratory3 .content .li .text .t3{font-size: 36px;} #laboratory3 .content .li .text .t2{font-size: 30px;} } /* 技术文章 */ #technical .content {padding:33px 0 120px;} #technical .content .li{display: block;padding:47px 0 39px;display: grid;grid-template-columns:auto 370px;gap:130px;border-bottom: 2px solid #f1f1f1;align-items: center; } #technical .content .li .left {padding:10px 0 0px;} #technical .content .li .left .title {margin-bottom: 8px;line-height: 44px;font-size: 24px;color:#1a1a1a;font-weight: 500;} #technical .content .li .left .date {margin-bottom: 20px;line-height: 24px;font-size: 16px;color:#999999;font-family:"MR";} #technical .content .li .left .brief {font-size: 16px;color:#666666;line-height: 32px;} #technical .content .li .left .btn {opacity:0 ;display: inline-flex;margin-top: 22px;padding:12px 25.5px;background: var(--main);transition: all .5s;} #technical .content .li .left .btn .text {font-size: 16px;color:#fff;} #technical .content .li .left .btn .icon .svg {width:20px;height:20px;fill:#fff;margin-left: 5px;} #technical .content .li .img {overflow: hidden;} #technical .content .li:hover{border-bottom-color: var(--main);} #technical .content .li:hover .img img{transform: scale(1.1);} #technical .content .li:hover .left .btn{opacity:1;} #technical .content .li .left .btn:hover {opacity: .75;} #technical .content .li:hover .left .title {color:var(--main);} @media screen and (max-width:750px){ #technical .content {padding:80px 0 80px 0;} #technical .content .li{padding:30px 0 80px 0;gap:30px;} #technical .content .li{grid-template-columns:auto;} #technical .content .li .img{grid-area: 1/1/1/1;} #technical .content .li .img img {width:100%;} #technical .content .li .left .title {font-size: 42px;line-height: 1.5;} #technical .content .li .left .date {font-size: 36px;line-height: 1.8;} #technical .content .li .left .brief {font-size: 30px;line-height: 1.8;} #technical .content .li .left .btn {opacity:1;margin-top: 50px;padding:0px 35px;height:80px;line-height: 80px;background: var(--main);transition: all .5s;} #technical .content .li .left .btn .text {font-size: 26px;} #technical .content .li .left .btn .icon .svg {display: block;width: 30px;height: 30px;} } /* 新闻 */ #news {padding: 80px 0 100px;} #news .top {display: grid;grid-template-columns: repeat(3,29%);gap: 55px;margin-bottom: 60px;} #news .top .box {color: #999999;background: #fff;padding: 50px 35px 110px;background: #f7f7f7;} #news .top .cross {grid-column: span 2;padding: 0;} #news .top .cross img {width: 100%;height: 100%;} #news .top .box .top_name {font-size: 28px;font-weight: bold;margin-bottom: 25px;color: #353535;} #news .top .box .top_time {font-size: 18px;font-weight: bold;margin-bottom: 35px;font-family:"MM";} #news .top .box .top_brief {font-size: 18px;line-height: 1.5;margin-bottom: 50px;color: #666;} #news .top .box .top_btn {width: 120px;height: 40px;border-radius: 20px;font-size: 14px; border: 1px solid #d9d9d9;display: flex;align-items: center;justify-content: center;background-color: #fff;} #news .top .box .top_btn .svg {margin-left: 10px;fill: #999999;} #news .bottom {display: grid;grid-template-columns: repeat(3,29%);gap: 55px;} #news .bottom .case {color: #999999;background: #fff;padding: 40px 35px 50px;background: #f7f7f7;} #news .bottom .case .bot_name {font-size: 22px;font-weight: bold;margin-bottom: 30px;color: #353535;} #news .bottom .case .bot_brief {font-size: 16px;margin-bottom: 40px;} #news .bottom .case .bot_btn {width: 120px;height: 40px;border-radius: 20px;font-size: 14px; border: 1px solid #d9d9d9;display: flex;align-items: center;justify-content: center;} #news .bottom .case .bot_btn .svg {margin-left: 10px;fill: #999999;} #news .bottom .case .img {position: relative;margin-bottom: 35px;} #news .bottom .case .img img {width: 100%;} #news .bottom .case .img .bot_time {padding: 8px; position: absolute;bottom: 0;left: 0;background: #f5f6fa;text-align: center;font-weight: bold;} #news .bottom .case .img .bot_time .day {font-size: 32px;margin-bottom: 10px;font-family: "MB";} #news .bottom .case .img .bot_time .year {font-size: 14px;font-family: "MM";} #news .top .box:hover .top_brief{color: #fff;} #news .top .box:hover, #news .bottom .case:hover {background: var(--main);color: #fff;} #news .bottom .case:hover .bot_time {background: var(--main);color: #fff;} #news .top .box:hover .top_name, #news .bottom .case:hover .bot_name {color: #fff;} #news .bottom .case:hover .bot_btn {border-color: #fff;} #news .top .box:hover .top_btn{background-color: var(--main);border-color: #fff;} #news .top .box:hover .top_btn .svg, #news .bottom .case:hover .bot_btn .svg {fill: #fff;} @media screen and (max-width:1440px) { #news .bottom, #news .top {grid-template-columns: repeat(3,31%);gap: 45px;} #news .top .box {padding: 40px 15px;} #news .bottom .case {padding: 40px 15px;} #news .top .cross {padding: 0;} } @media screen and (max-width:1366px) { #news .bottom .case {padding: 35px 15px;} #news .top .cross {padding: 0;} } @media screen and (max-width:1280px) { #news .top .box .top_name{font-size: 22px;} #news .bottom .case .bot_name{font-size: 18px;} } @media screen and (max-width:1024px) { #news .top {grid-template-columns: repeat(1,1fr);gap: 45px;} #news .top .cross {grid-column: span 1;padding: 0;} #news .bottom {grid-template-columns: repeat(2,49%);} } @media screen and (max-width:750px) { #news .bottom {grid-template-columns: repeat(1,1fr);gap: 30px;} #news .top .box .top_name {font-size: 42px;line-height: 1.5;} #news .top .box .top_time {font-size: 30px;} #news .top .box .top_brief {font-size: 26px;line-height: 1.8;} #news .bottom .case .bot_btn, #news .top .box .top_btn {width: 200px;height: 60px;border-radius: 30px;font-size: 26px;} #news .bottom .case .bot_name {font-size: 36px;} #news .bottom .case .bot_brief {font-size: 30px;line-height: 1.8;} #news .bottom .case .img .bot_time .year {font-size: 26px;} #news .bottom .case, #news .top .box {padding: 58px 40px 75px;} #news .top .cross {padding: 0;} } /* 文章详情 */ .news_detail{padding: 65px 0 135px;} @media (max-width: 750px){ .news_detail{padding: 80px 0 80px;} } #news_detail_left{width: 70.714%;margin-right: 3.572%;} #news_detail_left .title{font-size: 36px;color: #1a1a1a;margin-bottom: 25px;font-weight: 500;} #news_detail_left .txt{font-size: 16px;color: #999;margin-right: 20px;} #news_detail_left .content{padding-bottom: 45px;border-bottom: 1px solid #e6e6e6;margin: 45px 0 40px;} #news_detail_left .content img {width: 100%;} #news_detail_left .page{width: calc(100% - 200px);} #news_detail_left .page .prev{margin-bottom: 15px;} #news_detail_left .page span{font-size: 16px;color: #000;opacity: .5;} #news_detail_left .page a{font-size: 16px;color: #000;opacity: .5;} #news_detail_left .page a:hover{opacity: 1;color: var(--main);} #news_detail_left .back{width: 200px;height: 60px;line-height: 60px;background: var(--main);font-size: 18px;color: #fff;} #news_detail_left .back:hover {opacity: .75;} @media (max-width: 1280px){ #news_detail_left .title{font-size: 30px;} } @media (max-width: 1024px){ #news_detail_left{float: none;width: 100%;margin-right: 0;} } @media (max-width: 750px){ #news_detail{padding: 80px 0 80px;} #news_detail_left .txt{font-size: 30px;} #news_detail_left .share1 .svg, #news_detail_left .share2 .svg, #news_detail_left .share3 .svg, #news_detail_left .share4 .svg{margin-left: 10px;width: 40px;height: 40px;} #news_detail_left .title{font-size: 48px;} #news_detail_left .txt{font-size: 30px;width: 45%;margin-bottom: 15px;} #news_detail_left .share span{font-size: 30px;} #news_detail_left .content *{font-size: 30px !important;} #news_detail_left .flex-between{display: block;} #news_detail_left .page{width: 100%;} #news_detail_left .page span{font-size: 30px;} #news_detail_left .page a{font-size: 30px;} #news_detail_left .back{width: 200px;height: 80px;line-height: 80px;font-size: 30px;margin-top: 20px;} } #news_detail_right{width: 25.714%;} #news_detail_right .form{width: 100%;margin-bottom: 25px;} #news_detail_right .form .text{width: calc(100% - 55px);height: 55px;background: #f5f5f5;padding: 0 30px;font-size: 16px;color: #999;} #news_detail_right .form .submit{width: 55px;height: 55px;background: var(--main);} #news_detail_right .form .submit .svg{fill: #fff;width: 26px;height: 26px;} #news_detail_right .form .submit:hover {opacity: .75;} #news_detail_right .news{width: 100%;padding: 20px 30px 30px;background: #f5f5f5;margin-bottom: 26px;} #news_detail_right .news .tit{font-size: 20px;color: #333;font-weight: 700;padding-bottom: 20px;border-bottom: 1px solid #e6e6e6;} #news_detail_right .news .list{padding-top: 20px;} #news_detail_right .news .list .li{margin-bottom: 12px;font-size: 16px;color: #1a1a1a;position: relative;padding-left: 10px;} #news_detail_right .news .list .li:hover{color: var(--main);} #news_detail_right .news .list .li::before{content: '';position: absolute;left: 0;top: 9px;width: 5px;height: 5px;background: #1a1a1a;transition: all .3s;border-radius: 100%;} #news_detail_right .news .list .li:hover::before{background: var(--main);} #news_detail_right .qrcode{padding: 30px 30px 40px;background: #f5f5f5;} #news_detail_right .qrcode .tit{font-size: 20px;color: #333;font-weight: 700;} #news_detail_right .qrcode .bot{margin-top: 15px;} #news_detail_right .qrcode .pic{width: 140px;height: 140px;background: #fff;/*padding: 10px;*/} /*#news_detail_right .qrcode .pic img {width: 120px;height: 120px;}*/ #news_detail_right .qrcode .txt{font-size: 16px;color: #666;line-height: 1.8;margin-left: 20px;} @media (max-width: 1024px){ #news_detail_right{float: none;width: 100%;margin-top: 30px;} #news_detail_right .form{width: 50%;margin: 0 auto 25px;} } @media (max-width: 750px){ #news_detail_right .form{width: 100%;} #news_detail_right .form .text{width: calc(100% - 80px);height: 80px;font-size: 30px;} #news_detail_right .form .submit{width: 80px;height: 80px;} #news_detail_right .form .submit .svg{width: 32px;height: 32px;} #news_detail_right .news{width: 100%;padding: 20px 30px 30px;background: #f5f5f5;margin-bottom: 26px;} #news_detail_right .news .tit{font-size: 36px;} #news_detail_right .news .list .li{font-size: 30px;margin-bottom: 15px;} #news_detail_right .news .list .li::before{top: 20px;} #news_detail_right .qrcode .tit{font-size: 36px;} #news_detail_right .qrcode .pic{width: 200px;height: 200px;margin: 30px 0;/*padding: 20px;*/} /*#news_detail_right .qrcode .pic img {width: 160px;height: 160px;}*/ #news_detail_right .qrcode .pic img {width: 100%;} #news_detail_right .qrcode .txt{font-size: 30px;} } /* 联系我们 */ #contact {margin-top: 60px;} #contact .content .main {display: flex;justify-content: space-between;} #contact .content .main .main_left .title {font-size: 32px;font-weight: bold;margin: 0 0 30px;} #contact .content .main .main_left .info {font-size: 16px;display: flex;margin-bottom: 12px;} #contact .content .main .main_left .info .info_text{width: 100px;} #contact .content .main .main_left .info .text{width: calc(100% - 100px);} /*#contact .content .main .main_left .info .text {margin-left: 28px;}*/ #contact .content .main .main_right {width: 35%;} #contact_map .map {margin-top: 85px;height: 480px;width: 100%;} #contact_map .map .map_box{height: 100%;width: 100%;} /*#contact_list .son_text {font-size: 28px;line-height: 145px;} #contact_list .son .all {border-top: 1px solid #e5e5e5;} #contact_list .son .son_box {padding: 40px 0px 30px;position: relative;cursor:pointer;} #contact_list .son .son_box .son_name {font-size: 24px;font-weight: bold;display: inline-block;} #contact_list .son .son_box .site {width: 66.8%;margin-left: 19%; font-size: 18px;color: #999999; display: inline-flex;flex-wrap: wrap;justify-content: space-between;} #contact_list .son .son_box .site .site_box {min-width: 410px; display: flex;margin-bottom: 24px;} #contact_list .son .son_box .site .site_box .site_text {color: #1a1a1a;margin-left: 55px;} #contact_list .son .son_box .plat {padding: 24px 40px 27px;border: 1px solid #dddddd;font-size: 18px;position: absolute;right: 0;top: 50%;transform: translate(0%,-50%);} #contact_list .son .son_box:hover .plat {background-color: #0073e6;border-color: #0073e6;color: #fff;} #contact_list .son .son_box .plat .m-pic {margin-bottom: 12px;display: flex;align-items: center;justify-content: space-between;} #contact_list .son .son_box .plat .m-pic img:nth-of-type(2) {display: none;} #contact_list .son .son_box:hover .plat .m-pic img:nth-of-type(1) {display: none;} #contact_list .son .son_box:hover .plat .m-pic img:nth-of-type(2) {display: block;} #contact_list .son .son_map {height: 533px;width: 100%;margin-bottom: 40px;} #contact_list .son .son_map .son_mapbox {height: 100%;width: 100%;} #contact_list .son .big {height: 0;overflow: hidden;transition: all 0.3s linear;} #contact_list .son .height {height: 533px;}*/ #contact_list{padding-top: 60px;} #contact_list .li{width: 48.214%;padding-bottom: 25px;border-bottom: 1px solid #e5e5e5;margin-bottom: 42px;} #contact_list .li .tit{font-size: 20px;color: #333;font-weight: 700;line-height: 1.6;} #contact_list .li .cont{margin-top: 22px;} #contact_list .li .cont .item{margin-bottom: 10px;font-size: 16px;} #contact_list .li .cont .item .t1{width: 75px;color: #999;} #contact_list .li .cont .item .t2{width: calc(100% - 85px);color: #1a1a1a;padding-left: 10px;} #contact_list .li:hover, #contact_list .li.cur{border-bottom-color: var(--main);} #contact_list .li:hover .tit{color: var(--main);} #contact_list .li.cur .tit{padding-left: 40px;color: var(--main);background: url(/images/contact_address_icon.png) no-repeat left;} @media screen and (max-width:1440px) { #contact_list .son .son_box .site {margin-left: 15%;} } @media screen and (max-width:1366px) { #contact_list .son .son_box .site {width: 70.8%;} } @media screen and (max-width:1280px) { #contact_list .son .son_box .site {width: 85%;margin-left: 0;margin-top: 50px;} #contact_list .son .son_box .son_name {display: block;} #contact .content .main .main_left .title{font-size: 28px;} } @media screen and (max-width:750px) { #contact {margin-top: 80px;} #contact .content .main {flex-direction:column-reverse;} #contact .content .main .main_right img, #contact .content .main .main_right {width: 100%;} #contact .content .main .main_left .title {font-size: 42px;margin: 30px 0px;} #contact .content .main .main_left .info {font-size: 30px;} #contact .content .main .main_left .info .info_text {min-width: 70px;width: 150px;} #contact .content .main .main_left .info .text{width: calc(100% - 150px);} #contact_map .map {margin-top: 80px;} #contact_list .li{width: 100%;} #contact_list .li .tit{font-size: 36px;} #contact_list .li .cont .item{font-size: 30px;} #contact_list .li .cont .item .t1{width: 100px;} #contact_list .li .cont .item .t2{width: calc(100% - 110px);line-height: 1.5;} #contact_layout{padding: 60px 0 80px;} /*#contact_list .son .son_box {padding: 30px 0px;} #contact_list .son_text {font-size: 42px;} #contact_list .son .son_box .son_name {font-size: 36px;} #contact_list .son .son_box .site {margin-top: 30px;width: 75%;} #contact_list .son .son_box .site .site_box {font-size: 30px;} #contact_list .son .son_box .site .site_box .site_title {min-width: 80px;} #contact_list .son .son_box .site .site_box .site_text {margin-left: 50px;} #contact_list .son .son_box .plat {font-size: 30px;}*/ } #contact_layout{padding: 90px 0 115px;} #contact_layout .title{font-size: 36px;color: #333;font-weight: 700;} #contact_layout .pic{margin-top: 35px;} /*样品申请*/ #sample{margin-top: 30px;padding: 90px 0 120px;background: url(/images/apply-bg.jpg) repeat left top;} #sample .title{font-size: 36px;color: #333;font-weight: 700;} #sample .form_box{background: #fff;padding: 65px;margin-top: 35px;} #sample .form_box .item{width: 29.921%;margin-bottom: 26px;border-bottom: 1px solid #ccc;} #sample .form_box .item .tit{font-size: 16px;color: #333;margin-bottom: 10px;} #sample .form_box .item .tit span{color: #ff0000;display: inline-block;vertical-align: middle;} #sample .form_box .item .input{width: 100%;padding-bottom: 10px;/*border-bottom: 1px solid #ccc;*/font-size: 16px;color: #333;} #sample .form_box .item .textarea{width: 100%;height: 80px;padding-bottom: 8px;/*border-bottom: 1px solid #ccc;*/font-size: 16px;color: #333;margin-top: 6px;} #sample .form_box .item.li{width: 100%;} #sample .form_box .submit{width: 160px;height: 50px;line-height: 50px;font-size: 16px;color: #fff;font-weight: 500;margin: 14px auto 0;background: var(--main);} #sample .form_box .submit:hover{opacity: .8;} #sample .form_box .item .cont{margin-bottom: 10px;} #sample .form_box .item .cont select{font-size: 16px;color: #333;} #sample .form_box .item .cont .country{width: 23.684%;} #sample .form_box .item .cont .con{width: 68%;} #sample .form_box .item .cont .con select{width: 35%;} #sample .form_box .item .cont .con select:first-child{margin-right: 12%;} @media (max-width: 1280px){ /*#sample .form_box .item .tit{font-size: 28px;}*/ } @media (max-width: 1200px){ #sample .form_box{padding: 60px 30px;} } @media (max-width: 1024px){ #sample .form_box .item{width: 100%;} } @media (max-width: 750px){ #sample .form_box .item .tit{font-size: 30px;} #sample .form_box .item .input{font-size: 26px;} #sample .form_box .item .cont select{font-size: 26px;} #sample .form_box .item .cont .con select{width: 45%;margin-right: 5%;} #sample .form_box .item .textarea{height: 150px;font-size: 26px;} #sample .form_box .submit{font-size: 26px;} } /* faq */ #faq{padding: 85px 0 125px;} /*#faq .content .box:first-child {border-top: 1px solid #f2f2f2;}*/ /*#faq .content .box {border-bottom: 1px solid #f2f2f2;}*/ #faq .content .box:first-child .top{border-top: 1px solid #f2f2f2;} #faq .content .box .top {padding: 43px 40px;display: flex;align-items: center;cursor:pointer;border-bottom: 1px solid #ededed;} #faq .content .box .top .circle {width: 42px;height: 42px;border-radius: 50%;background-color: #f5f5f5;display: flex;align-items: center;justify-content: center;} #faq .content .box .top .circle img:nth-of-type(2) {display: none;} #faq .content .box .top .title {width: 82.7%;font-size: 18px;margin-right: 9.4%;margin-left: 1.75%;} #faq .content .box .top .square {width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;background: #f5f5f5;} #faq .content .box .top .square img:nth-of-type(2) {display: none;} #faq .content .box .top:hover {background-color: #f5f5f5;} #faq .content .box .top:hover .square{background: var(--main);} #faq .content .box .cur {background-color: #f5f5f5;} #faq .content .box .top:hover .circle, #faq .content .box .cur .circle {background-color: var(--main);} #faq .content .box .top:hover .title, #faq .content .box .cur .title {color: var(--main);font-weight: bold;} #faq .content .box .cur .square {background-color: var(--main);border-color: var(--main);} #faq .content .box .top:hover .circle img:nth-of-type(1), #faq .content .box .top:hover .square img:nth-of-type(1), #faq .content .box .cur .circle img:nth-of-type(1), #faq .content .box .cur .square img:nth-of-type(1) {display: none;} #faq .content .box .top:hover .circle img:nth-of-type(2), #faq .content .box .top:hover .square img:nth-of-type(2), #faq .content .box .cur .circle img:nth-of-type(2), #faq .content .box .cur .square img:nth-of-type(2) {display: block !important;} @media screen and (max-width:750px) { #faq .content {width: 100%;} #faq .content .box .top {padding: 44px 30px;align-items: flex-start;} #faq .content .box .lower .all {padding: 0 30px;} #faq .content .box .lower {padding: 0;padding-right: 20px;} #faq .content .box .top .title {font-size: 30px;margin-right: 5%;margin-left: 20px;width: 70%;} #faq .content .box .lower .text {font-size: 30px;line-height: 1.8;margin-left: 20px;} #faq .content .box .top .circle, #faq .content .box .lower .circles {width: 70px;height: 70px;} #faq .content .box .top .circle img, #faq .content .box .lower .circles img {transform: scale(2);} #faq .content .box .top .square {width: 80px;height: 80px;} #faq .content .box .top .square img {transform: scale(2);} } /* 加入我们 */ #recruitment{padding: 80px 0 120px;} #recruitment .item{ margin-top: 10px; border: 1px solid #e7e8ea;padding: 0 42px; height: 80px; cursor: pointer;} #recruitment .item .txt{width: 19.5%; font-size: 16px; color: #999999;} #recruitment .item .h-txt {color: #fff;} #recruitment .item.thead .tit{color: #fff;} #recruitment .item .txt:last-child{width: auto;} #recruitment .sub-menu .item .tit{color: #333;font-weight: 700;} #recruitment .sub-menu .item .date{color: #1a1a1a;} #recruitment .item .date{color: #fff;} #recruitment .item .date img{ margin-right: 9px;} #recruitment .item .header {font-weight: 600;} #recruitment .thead{background: var(--main);} #recruitment .tbody:hover {background: #fafafa;} #recruitment .tbody .btn{ width:36px; height: 36px;} #recruitment .tbody .btn:before{ display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 17px; background: #999; transform: translate(-50%, -50%);} #recruitment .tbody .btn:after{ display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 17px; height: 1px; background: #999; transform: translate(-50%, -50%);} #recruitment .tbody.cur .item-btn{ background: #e6eaf2;} #recruitment .tbody.cur .txt, #recruitment .tbody.cur .txt{ color: #1a1a1a;} #recruitment .tbody.cur .tit{font-weight: bold;} #recruitment .tbody.cur .btn{ transform: rotate(45deg);} #recruitment .tbody.cur .btn:before, #recruitment .tbody.cur .btn:after{ background: #1a1a1a;} #recruitment .tbody.cur {background-color: #f2f2f2;} /* #recruitment .con{ } */ #recruitment .con .description{ padding: 50px calc(60px + 180px) 74px 40px;border: 1px solid #e5e5e5;} #recruitment .con .pop-btn{font-size: 18px;right: 40px; bottom: 82px;overflow:hidden;z-index: 4;;width:180px;height:60px;padding:0 20px;background:var(--main);line-height: 60px; color:#fff;text-align: center;} #recruitment .con .pop-btn:hover {opacity: .75;} #recruitment .con .content .caption {margin-bottom: 11px;font-size: 18px;color:#1a1a1a;font-weight: bold;line-height: 38px;} #recruitment .con .content .text {margin-bottom: 38px;color: #1a1a1a;line-height: 30px;font-size: 16px;} #recruitment .con .content .text:nth-child(4){margin-bottom: 0;} @media screen and (max-width: 750px){ #recruitment .con .content .text {font-size: 30px;line-height: 1.8;} #recruitment .item{height: 117px;} #recruitment .item .num, #recruitment .item .date{ display: none;} #recruitment .item .tit, #recruitment .item .add{ font-size: 30px;} #recruitment .item .txt{width: 47%;} #recruitment .tbody .btn:before{ height: 30px; } #recruitment .tbody .btn:after{ width: 30px;} #recruitment .con .description{padding: 40px 40px calc(60px + 66px) 40px;} #recruitment .con .description .subText {padding-bottom: 60px;display: block;font-weight: 400;font-size: 30px;} #recruitment .con .description *{ line-height: 1.8; font-size: 30px;} #recruitment .con .pop-btn{ font-size: 30px;height:80px;width:260px;bottom: 42px;} #recruitment .con .content .caption {font-size: 36px;} #recruitment .con .pop-btn{line-height: 80px;font-size: 30px;} } /*公司简介*/ #about{padding: 70px 0 120px;} #about .title{font-size: 36px;color: #333;font-weight: 700;} #about .brief{font-size: 16px;color: #666;line-height: 1.8;margin-top: 40px;} #about .data_box{margin-top: 60px;} #about .data_box .li{width: 20%;margin-left: 70px;} #about .data_box .li .top{line-height: 1;} #about .data_box .li .top .num{font-size: 50px;color: var(--main);font-family:"MEB";} #about .data_box .li .top .unit{font-size: 18px;color: var(--main);font-weight: 700;margin-top: 28px;margin-left: 8px;} #about .data_box .li .tit{font-size: 16px;color: #333;font-weight: 700;margin-top: 10px;} #about .video_box{margin-top: 80px;} #about .video_box .back{height: 100%;} #about .video_box .play{top: 50%; left:50%; transform: translate(-50%, -50%); z-index: 5;} #about .video_box .play::before{content:''; width:100%; height:100%; opacity:0; border-radius:50%; background: rgba(255,255,255,0.2); position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; margin:auto; } #about .video_box .play::before{animation:warn_map 2s ease-out .1s infinite; -webkit-animation:warn_map 2s ease-out .1s infinite;} @media (max-width: 1366px){ #about .data_box .li{margin-left: 40px;} } @media (max-width: 1280px){ #about .title{font-size: 30px;} #about .data_box .li .top .num{font-size: 40px;} #about .data_box .li .top .unit{font-size: 16px;margin-top: 18px;} } @media (max-width: 1024px){ #about .data_box{flex-wrap: wrap;} #about .data_box .li{margin-left: 0;width: 33%;text-align: center;margin-bottom: 30px;} #about .data_box .li .top{justify-content: center;} } @media (max-width: 750px){ #about .title{font-size: 42px;} #about .brief{font-size: 30px;} #about .data_box .li .top .unit{font-size: 26px;margin-top: 16px;} #about .data_box .li .tit{font-size: 26px;} } /* history */ #history{padding: 80px 0 100px;} #history .top{width: 100%;} #history .top .li{display: flex;align-items: center;} #history .top .li .pic{width: 50%;padding-top: 31.02%;} #history .top .li .text{width: 50%;padding-left: 55px;} #history .top .li .text .y {font-size: 248px;color: #f7f7f7;z-index: 1;transform: translate(0, -50%);font-family:"MB";} #history .top .li .text .desc {z-index: 2;max-height: 100%;overflow: auto;top: 50%;transform: translate(0, -50%);} #history .top .li .text .desc li{margin-bottom: 30px;line-height: 1.6;font-size: 18px;color: #333;padding-left: 20px;position: relative;} #history .top .li .text .desc li::before{content: '';width: 6px;height: 6px;background: var(--main);border-radius: 100%;left: 0;top: 12px;position: absolute;} #history .bot{margin-top: 43px;} #history .bot .container{width: 85%;padding-top: 30px;height:100px;} #history .bot .line{width: 100%;height: 1px;background: #e1e1e1;left: 0;right: 0;top: 35px;} #history .bot .li .dian{width: 10px;height: 10px;background: #aeaeae;border-radius: 100%;} #history .bot .li .year{font-size: 24px;color: #999;font-weight: 700;font-family:"MB";} #history .bot .li.swiper-slide-thumb-active .dian{width: 20px;height: 20px;background: var(--main);transform: translateY(-5px);} #history .bot .li.swiper-slide-thumb-active .year{font-size: 30px;color: var(--main);font-weight: 700;} #history .bot .prev, #history .bot .next{width: 70px;height: 70px;border: 1px solid #3a3a3a;border-radius: 100%;top: 0;} #history .bot .prev:hover, #history .bot .next:hover{border-color: transparent;background: var(--main);} #history .bot .prev .svg, #history .bot .next .svg{fill: #3a3a3a;} #history .bot .prev:hover .svg, #history .bot .next:hover .svg{fill: #fff;} #history .bot .prev{left: 0;} #history .bot .next{right: 0;} #history .bot .prev.swiper-button-disabled, #history .bot .next.swiper-button-disabled{opacity: 0;} @media (max-width: 1440px){ #history .top .li .text .y{font-size: 190px;} } @media (max-width: 1280px){ #history .bot .li .year{font-size: 22px;} #history .bot .li.swiper-slide-thumb-active .year{font-size: 26px;} } @media (max-width: 1200px){ #history .top .li .text .desc li{margin-bottom: 15px;} } @media (max-width: 1100px){ #history .top .li{display: block;} #history .top .li .pic{margin: auto;} #history .top .li .text{position: relative;width: 50%;padding-left: 0;margin: 30px auto 0;} #history .top .li .text .y{position: static;font-size: 200px;left: 0;top: 0;transform: translate(0,0);z-index: -1;} #MSAA011 .top .li .text .desc {position: absolute;top:50%;transform: translateY(-50%);} } @media (max-width: 980px){ #history .bot .container{width: 78%;} } @media (max-width: 750px){ #history{padding: 80px 0;} #history .title2{font-size: 42px;} #history .top .li .pic{width: 100%;padding-top: 64.286%;} #history .top .li .text{width: 100%;} #history .top .li .text .y{left: auto;right: 0;font-size: 220px;} #history .top .li .text .desc li{font-size: 30px;} #history .top .li .text .desc li::before{width: 10px;height: 10px;top: 20px;} #history .bot .container{width: 75%;padding-top: 10px;} #history .bot .line{top: 15px;} #history .bot .li .year{font-size: 36px;} #history .bot .li.swiper-slide-thumb-active .year{font-size: 42px;} #history .bot .prev, #history .bot .next{width: 90px;height: 90px;border: 1px solid #3a3a3a;border-radius: 100%;top: 0;transform: translateY(-30%);z-index: 10;} #history .bot .prev .svg, #history .bot .next .svg{width: 30px;height: 30px;} } /* culture */ #culture {padding: 78px 0px 0px;} #culture .top {display: flex;} #culture .top .left {width: 100%;background: #f5f5f5;} /*#culture .top .right {width: 30.6%;background: #f5f5f5;}*/ #culture .center {margin-top: 40px;} #culture .center .list {padding: 40px 0px;display: flex;border-bottom: 1px solid #f5f5f5;} #culture .center .list:last-child {border: none;} #culture .center .list .name {width: 27.8%;font-size: 24px;font-weight: bold;color: var(--main);} #culture .center .list .title {font-size: 20px;width:72% ;} #culture .center .list .title .text {font-size: 16px;color: #666;line-height: 1.8;margin-top: 18px;} #culture .bottom {padding: 70px 0px;background: #f7f7f7;overflow: hidden;} #culture .bottom .choice {display: flex;} #culture .bottom .choice .card {cursor:pointer;width: 50%;text-align: center;padding-bottom: 20px;font-size: 18px;border-bottom: 2px solid #e6e6e6;} #culture .bottom .choice .card.cur {font-weight: bold;color: var(--main);border-color: var(--main);} #culture .bottom .choice .card:hover {font-weight: bold;color: var(--main);border-color: var(--main);} #culture .bottom .container {padding: 60px;overflow: visible;} #culture .bottom .container .slide {position: relative;} #culture .bottom .container .slide::before{content:'';padding-top: 59.154%;width: 100%;} #culture .bottom .container .slide img {width: 100%;} #culture .bottom .container .slide .img_text {height: 170px;padding-top: 120px;text-align: center;font-size: 16px;color: #999999;background-image:linear-gradient(to bottom,rgba(0,0,0,0),#000000);position: absolute;bottom: 0;left: 0;width: 100%;} #culture .bottom .container .slide .cover {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.5);} #culture .bottom .container .swiper-slide-active .cover {opacity: 0;} #culture .bottom .container .swiper-slide-active .img_text {color: #fff;} #culture .bottom .container .swiper-pagination-bullet {border: 2px solid;background: none;} #culture .bottom .container .swiper-pagination-bullet-active {border: none;background: var(--main);} @media screen and (max-width:750px) { #culture .center .list {display: block;} #culture .center .list .name {font-size: 36px;width: 100%;} #culture .center .list .title .text, #culture .center .list .title {width: 100%; margin-top: 30px;font-size: 30px;line-height: 1.8;} #culture .bottom .container .slide .img_text, #culture .bottom .choice .card {font-size: 30px;} } /* 资质证书 */ #certificate {padding: 80px 0 15px;} #certificate .content {display: flex;flex-wrap: wrap;} #certificate .content .card{width: 31.2%;margin-right: 3%;margin-bottom: 100px;/*cursor:pointer;*/} #certificate .content .card:nth-child(3n){margin-right: 0%;} #certificate .content .card .img{background-color: #f7f7f7;width: 100%;padding-top: 100%;} #certificate .content .card .img .images {max-width: 89.2%;} #certificate .content .card .text {margin-top: 28px;font-size: 16px;text-align: center;color: #333333;} #certificate .content .card:hover .img {background-color: #fff; box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.1);transform: translateY(-10px);} #certificate .content .card:hover .text { color:var(--main);font-weight: bold;} @media screen and (max-width:1440px) { #certificate .content .card {margin-bottom: 80px;} } @media (max-width:750px){ #certificate .content {display: block;} #certificate .content .card .img {padding-top: 100%;} #certificate .content .card .img .absolute {position: absolute;transform: scale(1.4);} #certificate .content .card {width: 100%;} #certificate .content .card .text { margin: 30px 0 40px 0;font-size: 30px;} }